songhai fan

@Frankfsh·3 public vizzes

Fork of Stylized Line Chart

This example shows a stylized line chart tracking weekly temperature changes in San Francisco, with a smooth curved path connecting circular data points and labeled axes for time and temperature. The visualization is built using React components that render an SVG, with D3 v5 functions like `scaleTime`, `scaleLinear`, `extent`, and `curveNatural` handling the data mapping and line smoothing. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart includes custom axis components that generate tick marks and labels, styled with the Poppins font and teal color scheme.

Oct 15, 2021

Loading thumbnail…

Fork of Let's make a face with D3.js

A face constructed from simple SVG shapes is assembled and animated using D3.js v6. The example uses `d3.forceSimulation` to position and move the facial features, such as eyes and mouth, creating a lively, physics-based effect. The SVG elements are bound to data and updated each tick of the simulation. The code relies on standard D3 selections and the `d3.force` module to handle the layout and animation, rendering the final result in the browser.

Feb 14, 2021

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that centers the text “Hello HTML” in a large 13em font, styled with CSS. It also logs “Hello JavaScript!” to the browser console using a script tag. The page relies on plain HTML, CSS, and JavaScript, with no external libraries or data sources. It illustrates basic DOM rendering and console output, serving as a starting point for more complex visualizations.

Feb 14, 2021