StellaSong1

@StellaSong1·4 public vizzes

Lunar Eclipse

This scatter plot visualizes lunar penumbral eclipses from 1970 to 2050, plotting gamma against penumbral eclipse duration in minutes. Each blue dot represents an individual eclipse event, with axes labeled accordingly. The visualization uses D3 v5 to load CSV data from a local file, applying `scaleLinear` and `extent` to compute scales, and rendering circles via SVG. Axis ticks include grid lines, with a title and rotated y-axis label for clarity.

Nov 14, 2020

Loading thumbnail…

Let's make a face with D3.js!

This is an animated smiley face built with D3.js (v5) that demonstrates fundamental DOM manipulation. The face is constructed from SVG primitives, including a yellow circle for the head, two circles for eyes, and a path created with the `d3.arc` API for the mouth. The example uses D3's `transition().duration(2000)` to animate the eyebrows (rectangles) moving up and down in a two-step sequence. The entire composition is centered within an SVG canvas using an SVG transform.

Nov 13, 2020

Loading thumbnail…

HTML Volcanoes on Venus D3

This example displays a scatterplot-style visualization of volcanoes on Venus, rendered as SVG circles within an HTML page. The code loads the D3 library (v6) and sets up a 960 × 500 pixel SVG canvas, though no explicit data is loaded or bound; it simply logs the D3 version to the console. The visualization relies on D3’s core API for potential DOM manipulation and SVG generation, with basic styling provided by an external stylesheet that removes margins and hides overflow.

Nov 13, 2020

Loading thumbnail…

HTML Volcanoes on Venus

This example displays a static SVG visualization titled “HTML Volcanoes on Venus.” The scene renders a blank 960×500 pixel canvas with no visible data or drawn elements, as the page only initializes an empty SVG and logs the loaded D3 library to the console. The code relies on D3 v6 and sets up a minimal document structure with a separate stylesheet that removes margins and hides overflow. No data source, map projection, or force simulation is implemented in the provided files.

Nov 13, 2020