Philip

@philipbaltzersen·2 public vizzes

Test

This example displays a simple text message inside a web page. It uses D3.js version 5 to select a div element and update its content with a string imported from a separate ES6 module. The page structure is defined in HTML, with styling applied via a linked stylesheet, and the JavaScript logic is bundled into a single script. The visualization demonstrates a minimal setup for combining modular JavaScript code with D3’s selection and manipulation methods.

Jun 16, 2024

Loading thumbnail…

Fork of Responsive Line Chart

This example displays the Keeling Curve, a record of atmospheric CO2 measurements over time, as a responsive line chart. The chart updates its dimensions to fit its container, thanks to the `observeResize` and responsive axes libraries. The `viz` function uses `d3.scaleTime` and `d3.scaleLinear` to map dates and CO2 values, and `d3.line` to generate the path. The plot includes a light gray inner rectangle and semi-transparent circles, though the circle layer is not visible in this configuration.

Jun 16, 2024