Generatore di Corsa di Grafici a Barre

Crea straordinarie animazioni di corsa di grafici a barre nel tuo browser. Carica file CSV/Excel, visualizza le dinamiche dei dati. 100% lato client, i tuoi dati non lasciano mai il tuo dispositivo.

Creare Corsa di Grafici a Barre Dinamica

Questo strumento ti aiuta a creare visualizzazioni dinamiche di Corsa di Grafici a Barre (Bar Chart Race) che vengono eseguite interamente nel tuo browser. I tuoi dati non vengono mai caricati sul server, sono assolutamente sicuri.

🎯 Caratteristiche principali

1. Protezione della privacy dei dati

  • Tutti i processi di elaborazione dei dati avvengono localmente nel browser
  • Nessun caricamento sul server richiesto
  • Conforme alle normative sulla privacy come il GDPR

2. Prestazioni elevate

  • Basato su Apache ECharts 5.x
  • Abilita realtimeSort: true per ottenere animazioni di ordinamento dinamico fluide e scorrevoli
  • Supporta il rendering di grandi volumi di dati

3. Facile da usare

  • Supporta il caricamento di file CSV/Excel tramite trascinamento
  • Analisi automatica dei dati
  • Riproduzione dell'animazione con un clic

📊 Formato dei dati

Formato standard (con immagini):

Name,Category,Image URL,0,1,2,3,4,5,...
A,B,https://example.com/a.jpg,0,5,10,15,20,...
A,B,https://example.com/b.jpg,0,3,8,12,18,...
A,B,https://example.com/c.jpg,0,7,14,21,28,...

Formato semplificato (senza immagini e categorie):

Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...

Descrizione dei campi:

  • Name: Nome del concorrente/categoria (obbligatorio)
  • Category: Etichetta del gruppo (opzionale, utilizzata per il raggruppamento per colore)
  • Image URL: Link dell'immagine (opzionale, visualizzato alla fine della barra)
  • Colonne numeriche (0,1,2,...): Punti temporali, ogni cella rappresenta il valore in quel momento

🎬 Istruzioni per l'uso

  1. Preparare i dati: Prepara il file CSV o Excel secondo il formato sopra indicato
  2. Caricare il file: Trascina il file nell'area di caricamento o clicca per selezionarlo
  3. Riprodurre l'animazione: Clicca sul pulsante di riproduzione per vedere l'effetto della corsa dinamica
  4. Regolare le impostazioni:
    • Regolare la velocità di riproduzione (0.5x, 1x, 2x)
    • Trascinare la barra di avanzamento per saltare a un punto temporale specifico
    • Cliccare su nascondi il pannello di controllo (utile per la registrazione dello schermo)

📹 Suggerimenti per la registrazione dello schermo

Se hai bisogno di esportare un video, si consiglia di utilizzare strumenti professionali per la registrazione dello schermo:

  • Windows: OBS Studio, Xbox Game Bar
  • macOS: QuickTime Player, OBS Studio
  • Strumenti online: Loom, ScreenPal

Nascondendo il pannello di controllo, otterrai un effetto di registrazione più pulito.

⚠️ Note

  • Gli URL delle immagini devono essere accessibili pubblicamente (supporta HTTPS)
  • Si consiglia di non superare i 100 punti temporali per garantire la fluidità
  • Se riscontri problemi di prestazioni, prova a ridurre la quantità di dati o a diminuire la velocità dell'animazione