Quang Than

@quangthan87·2 public vizzes

Fork of Stylized Line Chart

This example displays a time series of daily temperature readings from San Francisco over one week, rendered as a smooth, stylized line chart using React and SVG. The chart encodes time on the x-axis and temperature on the y-axis, with a natural curve applied via d3’s `line()` and `curveNatural` functions. Axes are generated through custom React components calling d3 scale methods like `scaleTime`, `scaleLinear`, and `ticks()`. Data is loaded as CSV using d3’s `csv` parser, and the visualization is styled with the Poppins font and custom CSS for the tick marks and line path.

Jul 26, 2022

Loading thumbnail…

SVG Fundamental

A minimal SVG rendering example displays a single circle element positioned at coordinates (50, 50) with a radius of 50. The static HTML page defines the SVG directly in markup without any JavaScript, CSS styling, or external libraries. The code demonstrates the fundamental syntax of inline SVG shapes using the `<circle>` tag within an `<svg>` container. This bare-bones approach illustrates how basic vector graphics can be embedded directly into a web page without additional tooling.

May 14, 2022