GeetaAhuja

@GeetaAhuja·2 public vizzes

fresh block

This example displays a set of six numbered statements within a webpage, with each number appearing on its own line. The visualization demonstrates a basic D3.js v4 workflow for selecting elements and binding data to them. The code uses the `d3.select` and `d3.selectAll` methods to target the body and paragraph elements, then applies a data array of numbers to create new paragraph nodes via the `enter()` and `append()` functions. The text content of each paragraph is set using the `.text()` method to display a formatted message.

Jan 16, 2017

Loading thumbnail…

fresh block

This example attempts to create a simple bar chart and text output using D3.js v4. The code selects the body element and all paragraph tags, then binds an array of numbers [4, 8, 15, 16, 23, 42] to append new paragraphs with text like "I'm number 4!". The CSS styles define chart divs with white text on steelblue backgrounds, though the JavaScript uses `d3.select` and `d3.selectAll` with `.enter().append("p")` rather than the standard D3 selection and data join API, and it contains a syntax error with an extra closing brace. The data is hardcoded in the script.

Jan 16, 2017