I nostri grafici in puro css

charts

Trovare un modo accattivante per rappresentare i nostri grafici non è facile. Tempo fa avevamo parlato di Amcharts, ottimo servizio di grafici flash based, ma se preferite avere il controllo totale della situazione, e personalizzare a piacimento ogni singolo dettaglio potreste pensare a realizzare il tutto tramite css.

Quest'articolo spiega appunto come procedere con la realizzazione, senza usare alcun elemento flash o javascript, a beneficio dell'accessibilità dei dati. Si basa tutto sull'espressione in percentuale di alcuni valori, e sul posizionamento assoluto degli indicatori. Il tipo di rappresentazione è ovviamente limitato al grafico a barre, ma non escludiamo per il futuro css hacks mirabolanti in grado di ovviare a questo limite.

Via Design2day

  • shares
  • Mail