springxc

@springxc·2 public vizzes

Line Chart of San Fransisco

This line chart visualization displays a week of temperature data in San Francisco, using a smooth curve to connect each timestamped measurement. The chart includes labeled axes for time and temperature, with a title and clean grid lines. The code loads the dataset via `d3.csv` from a VizHub URL and renders the chart as an SVG using D3 v5 APIs including `scaleTime`, `scaleLinear`, `line`, `curveBasis`, `axisBottom`, and `axisLeft`. Styling is applied through CSS classes, and the line is drawn with a green stroke on a neutral background.

Apr 22, 2020

Loading thumbnail…

Untitled

A yellow circle with a black outline and two smaller black circles positioned symmetrically inside it forms a simple face-like composition. Rendered as an SVG, the larger circle is centered in a 960 by 500 viewport, while the smaller circles serve as eyes. The visualization is built with React, using inline SVG elements and ReactDOM.render to mount the component. The code defines layout constants for positioning and dimensions rather than relying on external data.

Apr 22, 2020