Come design interattivo Bubble Grafici

January 19

Come design interattivo Bubble Grafici


La progettazione di un grafico a bolle interattivo si basa su un grafico a dispersione. Bolle sostituire i punti nel grafico a dispersione e come un grafico a dispersione, non ci devono essere tre valori. Spesso utilizzato per i dati finanziari, la dimensione della bolla rappresenta i valori. Più grande è la bolla è, maggiore è il valore che rappresenta. I dati devono essere disposti in righe o colonne, e il valore "X" dovrebbero essere i primi dati e il valore "Y" il secondo. L'ultimo valore è "Z" e sarà il valore che determina la dimensione della bolla.

istruzione

1 Decidere quali informazioni visualizzare tramite un grafico a bolle. Un grafico a bolle ha bisogno di tre serie di dati. Un esempio è il numero di prodotti venduti, l'importo della vendita e la percentuale della quota di mercato. Il terzo valore determina la dimensione della bolla.

2 Creare il grafico a bolle attraverso un programma grafico, come ad esempio Excel o SmartDraw, o attraverso un programma di grafica che è in grado di creare grafici, come Illustrator.

3 Fare immagini extra per gli effetti interattivi. Ad esempio, se un utente fa clic su una bolla o trascina il mouse sopra una bolla, apparirà una nuova immagine o informazioni, come le informazioni sul prodotto o venditore.

4 Importare il grafico e le immagini a bolle in un programma di animazione o HTML. Aggiungere interattività attraverso il programma con il mouse sopra e scatti. Ad esempio, se si utilizza un programma di animazione come Flash, aggiungere interattività con l'aggiunta di immagini in più per il mouse sopra oppure quando l'utente fa clic su una bolla. La stessa tecnica può essere applicata ad altri programmi, come il codice HTML con i punti caldi che mostrerà una nuova immagine quando il mouse su o cliccato.