Ruota delle emozioni // Wheel of emotions


Tempo fa girava tra vari blog e siti d’improvvisazione, questa immagine: una “ruota delle emozioni” realizzata da Kaitlin Robbs, un insegnante (non di improvvisazione), che dettagliava le molte sfaccettature di sentimenti che deriverebbero da 6 emozioni primarie. Ho sempre trovato l’immagine scomoda da consultare, così, quando mi sono messo a giocare e programmare con la libreria grafica D3 (non entro nei dettagli e lascio i riferimenti più sotto, per i nerd), ho trovato una modalità per rendere questa utilissima risorsa più fruibile ed un po’ più colorata. Questo è il risultato:

Legenda

Il grafico è navigabile, quindi cliccando su uno spicchio, si visualizzano i suoi spicchi superiori. Per tornare indietro, bisogna cliccare nel centro del cerchio. Funziona anche da cellulare.
UPDATE: la versione in italiano è on line. La traduzione è stata più difficile di quanto pensassi. Quando trovate delle inesattezze o avete suggerimenti, fatemelo pure sapere in qualche modo.

Da fare a breve:

  • revisione della traduzione in italiano;
  • traduzione in italiano;
  • possibilità di scegliere se visualizzare il testo in italiano o in inglese;
  • aggiungere una legenda;
  • esportare il grafico come immagine (casperJS) o PDF;
  • quando il mouse è sul testo, non è possibile cliccare sulla sezione.

Più avanti:

  • aggiungere un link ad un video/immagine/canzone che richiama l’emozione (grazie a Francesco per il suggerimento);
  • rilasciare il codice sorgente.

Il grafico è stato realizzato tramite la libreria javascript D3js, combinando questi esempi:
http://bl.ocks.org/vgrocha/1580af34e56ee6224d33
http://bl.ocks.org/kerryrodden/7090426
http://bl.ocks.org/kerryrodden/477c1bfb081b783f80ad