Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Data Dissemination through Data Visualization

8,354 views

Published on

International Marketing and Output DataBase Conference (IMAODBC) 2014. Évora, Portugal, 21-25 September 2014.

This presentation won the Bo Sundgren Award.

Published in: Government & Nonprofit
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Data Dissemination through Data Visualization

  1. 1. IMAODBC 2014 21—25 September Évora, Portugal Data Dissemination through Data Visualization Xavier Badosa Statistical Institute of Catalonia (Idescat)
  2. 2. IMAODBC 2011
  3. 3. An infrastructure
  4. 4. Re-use as a matter of survival
  5. 5. Mobility mobility malleability
  6. 6. Mobility API
  7. 7. 2009
  8. 8. API (JSON) Apps CMS Web (desktop / mobile) Open Data
  9. 9. [ [ "P0010001", "NAME", "state" ], [ "710231", "Alaska", "02" ], [ "4779736", "Alabama", "01" ], [ "2915918", "Arkansas", "05" ], [ "6392017", "Arizona", "04" ], [ "37253956", "California", "06" ], ... ]
  10. 10. { ..., "Results": [{ "series": [{ "seriesID": "LAUCN040010000000005", "data": [ { "year": "2013", "period": "M11", "periodName": "November", "value": "16393", "footnotes": [...] }, ... ] }] }] }
  11. 11. { "BEAAPI": { "Request": {...}, "Results": { "Statistic": "Per capita personal income", "UnitOfMeasure":"dollars", "PublicTable":"CA1-­‐3 Personal income summary", "UTCProductionTime":"2014-­‐05-­‐11T17:02:55.817", "NoteRef":"2", "Dimensions": [...], "Data": [ { "GeoFips":"00000", "GeoName":"United States", "Code":"PCPI_CI", "TimePeriod":"2009", "CL_UNIT":"USD", "UNIT_MULT":"0", "DataValue":"39357" }, ... ], "Notes": [...] } } }
  12. 12. { "JSONDataResult": [ { "AgencyName": "MCC", "Amount": "-­‐6983525", "BenefitingLocation": "Ghana", "Category": "Economic Development", "FiscalYear": "2013", "Sector": "Agriculture" }, ... ] }
  13. 13. { "columns": [ { "code":"region", "text": "Region" }, { "code":"ageG5", "text":"Age", "comment": ... }, { "code":"period", "text":"Time", "type":"t" }, { "code":"x", "text":"Population", "type":"c", "unit":"amount" } ], "comments": [...], "data":[ { "key": ["02","0-­‐7","2003"], "values": [ 100 ] }, { "key": ["02","0-­‐7","2004"], "values": [ 101 ] }, ... ] }
  14. 14. [ {...}, [ { "indicator": { "id": "NY.GDP.MKTP.CD", "value": "GDP (current US$)" }, "country": { "id": "BR", "value": "Brazil" }, "value": "1620165226993.77", "decimal": "0", "date": "2009" }, ... ] ]
  15. 15. DISCLAIMER JSON-stat.org
  16. 16. JSON-stat.org
  17. 17. { "dataset": { "status": {...}, "dimension": {...}, "label": "Value (NOK 1 000) by imports/exports...", "source": "Statistics Norway", "updated": "2014-­‐05-­‐13T18:36:18Z", "value": [ 77287250, 70377617, 73499048, ... ] } }
  18. 18. { "ST1117EWla": { "status": {...}, "dimension": {...}, "label": "Sex by single year of age...", "source": "Office for National Statistics", "updated": "08/08/2014 16:39:07", "value": { "0": 195074, "1": 96699, ... } } }
  19. 19. Mobility widget download API
  20. 20. Mobility author research dev
  21. 21. Use Re-use
  22. 22. Analytical Tool
  23. 23. Abbreviation
  24. 24. Tabulation Factories
  25. 25. We put data in cells
  26. 26. 40550 38330 78880 43962 40788 84750 44277 40801 85078 45983 43344 89327 43963 41310 85273 43603 41132 84735 42690 40143 82833 41659 39818 81477 40602 38227 78829 38741 36645 75386 37697 35861 73558 37886 36218 74104 36574 34794 71368 35626 32937 68563 35658 33453 69111 35170 32265 67435 34594 32349 66943 34933 32544 67477 35662 33203 68865 36830 34397 71227 36754 34528 71282 37586 35748 73334 38720 37307 76027 39972 39643 79615 41703 41151 82854 43506 43963 87469 46890 46737 93627 49363 49348 98711 52118 51524 103642 56694 55117 111811 60558 57564 118122 64317 61263 125580 67093 63249 130342 71398 66309 137707 72879 67516 140395 73961 68199 142160 74392 68037 142429 73315 67089 140404 70840 64950 135790 69765 64111 133876 67878 62071 129949 66459 60981 127440 63856 59412 123268 63082 58437 121519 62398 58998 121396 60783 57245 118028 59334 56891 116225 59346 57230 116576 54926 54359 109285 53609 52746 106355 51253 51817 103070 51196 51878 103074 49881 51240 101121 49244 50467 99711 47667 49278 96945 44705 46351 91056 43659 45292 88951 41998 44171 86169 41750 43754 85504 41563 43771 85334 38616 41304 79920 37413 40185 77598 39244 42020 81264 40820 44667 85487 37301 40445 77746 34576 38163 72739 36372 40074 76446 33605 37818 71423 32567 36668 69235 27724 31065 58789 25668 29367 55035 32120 36338 68458 17793 20867 38660 21528 25700 47228 25421 30921 56342 25761 33242 59003 24248 31440 55688 23190 30652 53842 22848 31123 53971 21415 30288 51703 19455 28733 48188 18448 28291 46739 16213 25234 41447 14619 24047 38666 12838 21965 34803 11594 21286 32880 9876 18796 28672 8527 17118 25645 7186 14624 21810 5708 13157 18865 4644 10570 15214 3295 8816 12111 2204 6451 8655 1693 5232 6925 1214 3985 5199 899 2953 3852 630 2229 2859 459 1734 2193 317 1199 1516 508 2212 2720
  27. 27. Tabular Container of Data
  28. 28. Tabular Container of Data Visual Container of Data
  29. 29. Visual Representation of Data
  30. 30. Visual Container of Data
  31. 31. http://idescat.cat/visual
  32. 32. Idescat Visual Solution Encapsulator Independence Unified Interface
  33. 33. Idescat Visual Solution Encapsulator Independence Unified Interface Flot D3
  34. 34. Open Source https://github.com/idescat
  35. 35. visual( { type: "bar" , data: [ [ "A" , 7329 ] , [ "B" , 30231 ] , [ "C" , 6485 ] ] } );
  36. 36. bar
  37. 37. rank
  38. 38. pyram
  39. 39. tsline
  40. 40. tsbar
  41. 41. tsbar
  42. 42. cmap
  43. 43. cmap
  44. 44. geoJSON SHP features: [...] ! ! id: "MUNICIPI" label: "NOM_MUNI" ! area: [500, 500] legend: [280, 345] ! projection: "mercator" center: [1.74, 41.7] scale: 9000
  45. 45. Map Maker
  46. 46. Visual Viewer
  47. 47. Visual Maker <iframe height="400" width="400" frameborder="0" scrolling="no" src="http://idescat.github.io/ visual/g/ ?id=4373b81b8b12988a91bc" > </iframe> http://idescat.github.io/visual/
  48. 48. http://idescat.github.io/visual/g/?id=4373b81b8b12988a91bc
  49. 49. http://idescat.github.io/visual/g/?id=cc54b2c3df0cb73b74e6
  50. 50. http://bl.ocks.org/badosa
  51. 51. Use Tabular Container Visual Container
  52. 52. Re-use of the Visual Container
  53. 53. Mobility widget download API
  54. 54. widget
  55. 55. multiple
  56. 56. maximizable
  57. 57. embeddable
  58. 58. Mobility API
  59. 59. Mobility API
  60. 60. Mobility widget API
  61. 61. Mobility widget download API
  62. 62. understand spread analyze
  63. 63. Thank You
  64. 64. Credits Recycle, by Steve Snodgrass (CC BY) Road, by Xavier Badosa (CC BY) Green bottle, by Prizmatic (CC BY-NC) Spermatozoa, by unknown author Zeros and ones, by Josh Bancroft (CC BY-NC) International recycling symbol (Public Domain) Sweden road sign (Public Domain) Metal movable type, by Willi Heidelbach (CC BY) Assembly line, by Toyota UK (CC BY-NC-ND) Prison cell, by Donkeycart (CC BY-NC) Bicycle, by Michael Vroegop (CC BY) Black bottle, by Bruce Osborn (CC BY-NC-ND)

×