Harshit2255

@Harshit2255·5 public vizzes

Fork of Line Chart with Multiple Lines

A multi-line chart displays one week of temperatures in degrees Celsius for cities worldwide, using a qualitative color scale to distinguish each city and a legend for identification. The visualization, built with D3 v5, employs SVG rendering, scaleTime and scaleLinear for axes, and nest().key() for grouping data. The dataset comes from Data Canvas - Sense Your City, and the chart uses basis curve lines with semi-transparent strokes.

Mar 2, 2021

Loading thumbnail…

Fork of D3 Starter

A blank SVG canvas is set up with a 1-pixel border, and the page includes a large "Fork of D3 Starter" title in 13em text. The visualization itself currently contains no graphical marks or data-driven elements; it only establishes the basic structure for a D3 v6 project. The HTML loads the D3 library via a CDN link and references an external `bundle.js` script, while the accompanying `index.js` imports the `select` function from D3, though no selection or drawing operations are performed in the included code.

Feb 24, 2021

Loading thumbnail…

Fork of D3 Starter

This example shows a minimal D3 version 6 setup, displaying the text “Hello D3 version 6” prominently in the center of the page. The code imports the `select` function from D3 and uses it to target the body element, setting its text content. The HTML includes the D3 v6 library via a CDN and references a `bundle.js` file, indicating a module-based build process. The visualization demonstrates basic DOM manipulation with D3’s selection API, with no external data sources or rendering involved.

Feb 24, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the simplest possible D3 version 6 setup by rendering the text “Hello D3 version 6” directly in the page body. The visualization uses the `select` method from the D3 library to target the body element and the `text` method to insert the greeting. The page’s styling applies a large font size to emphasize the output. The code relies on the D3 v6 module from the official CDN, with the logic stored in a separate bundle.js file.

Feb 24, 2021

Loading thumbnail…

Lets make a face!

This example shows how to create a simple line drawing of a face using SVG shapes and D3 version 6. It demonstrates basic D3 selection and DOM manipulation by targeting the `svg` element and adding visual components. The code uses `d3.select` to access elements and relies on the standard D3 bundle loaded via CDN. The page renders a face outline within an SVG container, with a large text element, and the associated video and README provide introductory guidance on working with D3 v6’s core selection API.

Feb 22, 2021