Binding object literals as data
With a more complex visualization, each element we have in a data array might not be a primitive integer value or a string, but a JavaScript object itself. In this recipe, we will discuss how this more complex data structure can be leveraged to drive your visualization using D3.
Getting ready
Open your local copy of the following file in your web browser:
https://github.com/NickQiZhu/d3-cookbook-v2/blob/master/src/chapter3/object-as-data.html .
How to do it...
JavaScript object literal is probably the most common data structure you will encounter when you load data sources on the Web. In this recipe, we will take a look at how these JavaScript objects can be leveraged to generate rich visualization. The following code ...
Get Data Visualization with D3 4.x Cookbook - Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
