Skip to main content

Introducing new learning courses and educational videos from Apress. Start watching

View expanded cover

Practical D3.js pp 3–26Cite as

Apress

Understanding Data Visualization

Abstract

Created in 2007, D3.js is a powerful charting library best used for complex and nonstandard data visualizations. Thus, before we get into the fine details of how to use D3.js for data visualization, we need to talk about the basics: how to learn to 'see' data, how to transform data into a visual, and what is best suited for the human eye.

Keywords

  • Data Visualization
  • Interactive Visualization
  • Music Player
  • Visual Metaphor
  • Document Object Model

These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

This is a preview of subscription content, access via your institution.

eBook
USD   24.99
Price excludes VAT (USA)
  • ISBN: 978-1-4842-1928-7
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
Softcover Book
USD   34.99
Price excludes VAT (USA)
Learn about institutional subscriptions
Figure 1-1.
Figure 1-2.
Figure 1-3.
Figure 1-4.
Figure 1-5.
Figure 1-6.
Figure 1-7.
Figure 1-8.
Figure 1-9.
Figure 1-10.
Figure 1-11.
Figure 1-12.
Figure 1-13.
Figure 1-14.
Figure 1-15.
Figure 1-16.
Figure 1-17.
Figure 1-18.
Figure 1-19.
Figure 1-20.
Figure 1-21.

Notes

  1. 1.

    For more details, see http://www.billiondollargraphics.com/infographics.html and http://www.webmarketinggroup.co.uk/Blog/why-every-seo-strategy-needs-infographics-1764.aspx .

  2. 2.

    Source: GSMA Intelligence ( https://gsmaintelligence.com/research/2012/10/the-top-20-global-operator-groups-by-mobile-connections-q2-2012/353/ ).

  3. 3.

    http://www.concerthotels.com/100-years-of-rock/ .

  4. 4.

    Source: http://www.citylab.com/design/2012/01/why-some-cities-are-healthier-others/365/ .

  5. 5.

    http://www.citylab.com/design/2012/01/why-some-cities-are-healthier-others/365/

  6. 6.

    http://www.ehow.com/facts_7345549_history-bubblewrap.html

  7. 7.

    http://www.wsj.com/articles/revamped-bubble-wrap-loses-its-pop-1435689665

  8. 8.

    http://en.wikipedia.org/wiki/Mugen_Puchipuchi

  9. 9.

    Alberto Cairo, “The Functional Art”

  10. 10.

    Source: http://www.statschat.org.nz/2012/02/05/who-is-really-buying-new-zealand-and-its-not-what-they-plotted/

  11. 11.

    Source: http://www.statschat.org.nz/2012/02/05/who-is-really-buying-new-zealand-and-its-not-what-they-plotted/

  12. 12.

    Source: http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html

  13. 13.

    http://www.jnd.org/dn.mss/affordances_and.html

  14. 14.

    Source: https://timeline.knightlab.com/examples/user-interface/index.html

  15. 15.

    http://www.orange.com/sirius/histoire/en/history/

  16. 16.

    Source: https://timeline.knightlab.com/examples/user-interface/index.html

  17. 17.

    Source: http://www.bbc.com/future/story/20131119-doctor-who-travels-through-time

  18. 18.

    http://www.washingtonpost.com/wp-srv/special/local/dc-recovered-guns/

  19. 19.

    http://rue89.nouvelobs.com/rue89-culture/2013/03/24/paris-1914-2013-en-photos-grimpez-dans-notre-fabuleuse-machine-remonter-le-239913

  20. 20.

    http://drones.pitchinteractive.com/

  21. 21.

    http://time.com/4185071/oscars-diversity/

  22. 22.

    http://www.annefrank.org/timeline#!/en/Subsites/Timeline/Postwar-period-1945 —present-day/The-Anne-Frank-House-opens/

  23. 23.

    http://www.orange.com/sirius/histoire/en/history/

  24. 24.

    http://www.thomson.co.uk/blog/wp-content/uploads/infographic/interactive-music-map/index.html

  25. 25.

    http://evolutionofweb.appspot.com/?hl=en#/evolution/day

  26. 26.

    http://blog.embed.ly/post/57097477000/visualizing-discussions-on-reddit-with-a-d3

  27. 27.

    http://moritz.stefaner.eu/projects/musli-ingredient-network/

  28. 28.

    http://blog.visual.ly/why-d3-js-is-so-great-for-data-visualization/

  29. 29.

    http://slides.com/shirleywu/deck#/2

Author information

Authors and Affiliations

  1. Amsterdam, The Netherlands

    Tarek Amr

  2. Issy-les-Moulineaux, Paris, France

    Rayna Stamboliyska

Authors
  1. Tarek Amr
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Rayna Stamboliyska
    View author publications

    You can also search for this author in PubMed Google Scholar

Electronic Supplementary Material

Below is the link to the electronic supplementary material.

9781484219270_Ch5-9 (zip 48 kb)

Rights and permissions

Reprints and Permissions

Copyright information

© 2016 Tarek Amr and Rayna Stamboliyska

About this chapter

Cite this chapter

Amr, T., Stamboliyska, R. (2016). Understanding Data Visualization. In: Practical D3.js. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4842-1928-7_1

Download citation