split56

@split56·2 public vizzes

Fork of D3 Starter2

This example displays a minimal single-page visualization that outputs the text “Hello D3 version 7” to the page body. It demonstrates the simplest setup for a D3 project, loading the full D3 library from the unpkg CDN and using the `select` method to append text content. The code imports only `select` from D3 in the JavaScript module, then applies it to the `body` element. The page uses a large 13em font size for the displayed message, making the output visually prominent.

Feb 16, 2022

Loading thumbnail…

Fork of D3 Starter

This example shows a scatter plot of automobile data, mapping cylinders to the x-axis and horsepower to the y-axis, with each car represented as a semi-transparent circle. The visualization is built using D3 v7, loading data from a CSV file via `d3.csv` and rendering SVG elements with `scaleLinear`, `axisBottom`, and `axisLeft`. Axis labels are added with rotated text, while margins define the chart’s inner dimensions. The code demonstrates a basic D3 starter template, including data type conversion and appended circle elements.

Feb 15, 2022