Lyco Angelo Ty

@lycoangelo·2 public vizzes

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length against sepal width with circular marks. The React-based implementation uses D3 v5 scales (`scaleLinear`) and extent calculations to position points, while custom AxisBottom and AxisLeft components render the tick marks. Styled axes and teal-colored circles follow the Poppins font, with hover tooltips displaying formatted petal length values. The code loads CSV data via `d3.csv` and renders the visualization as SVG.

Oct 20, 2023

Loading thumbnail…

Fork of Stylized Line Chart

This fork of a stylized line chart plots temperature over time using San Francisco week temperature data from a CSV file. The React-based visualization renders an SVG with a natural curve connecting circular data points, while the y-axis shows temperature and the x-axis displays abbreviated weekday labels. It uses d3.scaleTime, d3.scaleLinear, d3.line with curveNatural, and d3.csv for data loading. Axis components generate tick marks, and hovering over each point reveals the timestamp via SVG title tooltips. The chart features a clean design with Poppins typography and muted teal coloring.

May 11, 2021