Aleksei Vozhdaev

@AVozhd·4 public vizzes

Fork of Stylized Line Chart

A fork of a stylized line chart renders temperature readings over time as a smooth curved path with circular points using an SVG and React. Built with D3 v5, it employs `scaleTime`, `scaleLinear`, `line().curve(curveNatural)`, and custom React components for axes and marks. Data is loaded via `d3.csv` from a weekly San Francisco temperature dataset, with tooltips showing weekday labels.

May 14, 2021

Loading thumbnail…

Fork of Stylized Line Chart

This interactive line chart visualizes temperature readings over time, using a smooth, natural curve to connect data points. The visualization is built with React and renders to SVG, leveraging D3 v5 APIs including `scaleTime`, `scaleLinear`, and the `line` and `curveNatural` functions to compute the path. The chart’s axes are drawn with custom tick marks, and the dataset comes from the San Francisco week temperature CSV supplied by Data Canvas. Styling uses the Poppins font and a muted color palette applied through CSS rules targeting the SVG elements.

May 14, 2021

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length for individual flowers. Built with D3 v6, it uses a reusable scatter plot component configured with `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The chart loads CSV data from a remote gist, parses numeric fields, and scales points across the full browser window. The minimalist styling uses the Share Tech font and a white background.

May 12, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static composition of three circles on an SVG canvas: a large yellow circle with a black outline and two smaller black circles positioned within it, resembling a face. The markup is plain HTML and SVG, constructed inside a single `index.html` file. The page loads React 17 via a UMD script from unpkg and calls `console.log(React)` to confirm the library is available, though no React components render the visuals. The rendering approach relies entirely on hardcoded SVG attributes rather than any data or dynamic behavior.

Apr 27, 2021