Hvordan Design Interactive Boble Charts

Utforme et interaktivt boblediagram er basert på et punktdiagram. Bubbles erstatte prikkene i punktdiagram og som et punktdiagram, må det være tre verdier. Ofte benyttes for finansielle data, representerer boblestørrelse verdier. Jo større boblen er, jo større verdien den representerer. Data skal arrangeres i rader eller kolonner, og "X" verdien bør være de første dataene og "Y" verdi den andre. Den siste verdien er "Z" og vil være den verdi som bestemmer boblen størrelse.

Bruksanvisning

1 Bestem hvilken informasjon som skal vises gjennom et boblediagram. En boblediagram trenger tre serier av data. Et eksempel er antall produkter som selges, hvor mye av salget og andelen av markedsandelen. Den tredje verdi bestemmer størrelsen på boblen.

2 Lag boblen diagrammet gjennom et kartprogram, for eksempel Excel eller Smartdraw, eller gjennom et grafisk program som er i stand til å lage diagrammer, for eksempel Illustrator.

3 Gjør ekstra bilder for interaktive effekter. For eksempel, hvis en bruker klikker på en boble eller drar musen over en boble, vil et nytt bilde eller informasjon vises, for eksempel informasjon om produktet eller selger.

4 Importer boblediagram og bilder til en animasjon eller HTML-programmet. Legg interaktivitet gjennom programmet med musen over og klikk. For eksempel, hvis du bruker en animasjon program som Flash, legge til interaktivitet ved å legge til ekstra bilder til musen over eller når brukeren klikker på en boble. Den samme teknikken kan brukes til andre programmer, for eksempel HTML-kode med hot spots som vil vise et nytt bilde når moused over eller klikket.