Selecting multiple elements
Often selecting a single element is not good enough, but rather you want to apply certain change to a set of elements on the page simultaneously. In this recipe, we will play with D3 multi-element selector and its selection API.
Getting ready
Open your local copy of the following file in your web browser:
https://github.com/NickQiZhu/d3-cookbook/blob/master/src/chapter2/multiple-selection.htmlHow to do it...
This is what the d3.selectAll
function is designed for. In this code snippet, we will select three different div
elements and enhance them with some CSS classes.
<div></div> <div></div> <div></div> <script type="text/javascript"> d3.selectAll("div") // <-- A .attr("class", "red box"); // <-- B </script>
This code snippet ...
Get Data Visualization with D3.js Cookbook 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.