Some of the things to consider when putting together a web based educational "charting solution"

1. Something About Charts… Tony Hirst Dept of Communication & Systems The Open University

2. VisualisationvsSonification(Visual vs. Audio perception)

3. Visual Analysisvs.Presentation Graphics

4. Where’s the data? Viz Engine Image Data

5. 3flavours of <img>

6. Data free http://example.com/myGraph.png

7. Data explicit in URL Google Image Charts

9. JSON Data Google Chart Tools

13. HTML Table Progressive enhancementDOM as a data containing data structure

14. Data tables…

15. Bitmap or vector?

16. From <img> to <canvas>

17. Using the canvas tag

18. Scripted charts

19. digraph test { CSV [shape=box] KML [shape=box] JSON [shape=box] XML [shape=box] RDF [shape=box] HTML [shape=box] GoogleSpreadsheet [shape=Msquare] RDFTripleStore [shape=Msquare] "[SPARQL]" [shape=diamond] "[YQL]" [shape=diamond] "[GoogleVizDataAPI]" [shape=diamond] "<GoogleGadgets>" [shape=doubleoctagon] "<GoogleVizDataCharts>" [shape=doubleoctagon] "<GoogleMaps>" [shape=doubleoctagon] "<GoogleEarth>" [shape=doubleoctagon] "<JQueryCharts_etc>" [shape=doubleoctagon] "[SPARQL]"->RDF; "[SPARQL]"->XML; "[SPARQL]"->CSV; "[SPARQL]"->JSON; JSON-> "<JQueryCharts_etc>"; CSV->"{GoogleRefine}" CSV->ScraperWiki JSON->ScraperWiki "[YQL]"->ScraperWiki ScraperWiki->CSV HTML->ScraperWiki HTML->"[YQL]" "[SPARQL]"->"[YQL]" "{GoogleRefine}"->CSV [style=dashed] CSV->"<Gephi>" [style=dashed] "<Gephi>"->CSV [style=dashed] RDF->"[YQL]” }

21. On the client

22. Gephi

23. [ nKoB4b]

24. [ nKoB4b]

26. “Programmed” Charts

27. plot srcfile using ($1):(column(focusCar) -$2) with lines title "VET", srcfile using ($1):(column(focusCar) -$3) with lines title "WEB", srcfile using ($1):(column(focusCar) -$4) with lines title "HAM", srcfile using ($1):(column(focusCar) -$5) with lines title "BUT", srcfile using ($1):(column(focusCar) -$6) with lines title "ALO", srcfile using ($1):(column(focusCar) -$7) with lines title "MAS", srcfile using ($1):(column(focusCar) -$8) with lines title "SCH", srcfile using ($1):(column(focusCar) -$9) with lines title "ROS", …

28. R

29. Server Side Apps

31. Flash or javascript

35. Google Fusion Tables

36. Embedded Apps

37. IBM Many Eyes

38. TemplatedVisualisations

40. Libraries

42. Where’s the data? Data Image

43. Where’s the data? Data Image Viz Engine

44. Data Where’s the data? Image Viz Engine

45. Viz Engine Where’s the data? Image Data

46. Where’s the data? Viz Engine Image Data

47. http://blog.ouseful.info@psychemedia