Venti esempi di dashboard live analizzati per le migliori pratiche di design
Una recente analisi di venti dashboard disponibili pubblicamente valuta come mostrano metriche essenziali in diverse categorie. Di queste, dieci utilizzano grafici SVG o canvas propri, mentre le restanti si avvalgono di librerie come Recharts, ApexCharts e Chart.js. Plausible, Simple Analytics e Fathom Analytics presentano ciascuno demo live con sei, quattro e sei cifre chiave, rispettivamente. Matomo offre una dashboard di widget personalizzabile, e GoatCounter presenta conteggi di visite e tendenze. Esempi di monitoraggio includono la dashboard F1 di Grafana Play e le viste del traffico di Cloudflare Radar. Le dashboard di dati pubblici comprendono il sito dell'UK Health Security Agency e l'esploratore delle emissioni di Our World in Data. Le migliori pratiche evidenziano l'importanza di partire dalle domande, del posizionamento strategico dei numeri chiave e di garantire l'accessibilità del design.
Fatti principali
- Sono state esaminate venti dashboard, tutte live e accessibili senza effettuare l'accesso
- Dieci delle venti disegnano i propri grafici SVG o canvas invece di utilizzare una libreria di grafici
- Le dashboard rimanenti utilizzano Recharts, ApexCharts, Chart.js, Highcharts, ECharts, uPlot, MapLibre o deck.gl
- Plausible mostra sei numeri principali sopra un singolo grande grafico a linee
- Simple Analytics visualizza quattro numeri chiave sopra un grafico ad area con un selettore di 30 giorni
- GitHub Status e OpenAI Status mostrano ciascuno 90 barre di uptime giornaliero per servizio
- Electricity Maps visualizza l'intensità di carbonio con MapLibre e un cursore temporale
- Flightradar24 visualizza il suo livello di aerei con deck.gl
Entità
Istituzioni
- Plausible
- Simple Analytics
- Fathom Analytics
- Matomo
- GoatCounter
- Grafana
- Cloudflare Radar
- GitHub
- OpenAI
- incident.io
- UK Health Security Agency
- GOV.UK
- Our World in Data
- Electricity Maps
- Google Trends
- DefiLlama
- Flightradar24
- shadcn/ui
- Tabler
- TailAdmin
- CoreUI
- AdminLTE
- Colorlib
- Recharts
- ApexCharts
- Chart.js
- Highcharts
- ECharts
- uPlot
- MapLibre
- deck.gl
- Bootstrap
- Tailwind CSS
- React
- Vue
- Angular
- WordPress
Luoghi
- United Kingdom