Chris

@insanity54·2 public vizzes

Fork of Blank Slate with Hot Reloading

A simple visualization displays the phrase “testing 1234” centered in the container at a very large font size. The code directly sets an HTML string with an inline style, using the `fontSize` variable defined at the top of the `main` function. The example demonstrates a minimal blank-slate setup with hot reloading, allowing immediate updates to the text size when the variable is changed. It relies on basic DOM manipulation through `container.innerHTML` without any external libraries.

Mar 26, 2025

Loading thumbnail…

Lucky 4D

This visualization displays daily surface air temperature data from 1940 to 2024, plotting day of year on the x-axis and temperature on the y-axis. Each year appears as a line, colored using the plasma sequential color scale via d3’s `scaleSequential` and `interpolatePlasma`, while the year 2024 is highlighted in red with a thicker stroke. The chart uses `d3.scaleLinear` for axes and `@curran/responsive-axes` for layout, with data prepared by Matthias Stahl and grouped by year using `flatGroup`.

Apr 22, 2024