Irina Maystorovich

@irinamaystorovich·2 public vizzes

Fork of Scatter Plot with D3 Rosetta

This fork of a D3 scatter plot visualizes the classic Iris dataset, plotting sepal length against sepal width and coloring each point by flower species. Users can hover over legend items to highlight corresponding data points, which receive a black outline and full opacity. Built with React and d3.v7, it uses the d3-rosetta library’s unidirectional data flow pattern to manage rendering and state. The chart features linear scales, axes via `axisBottom` and `axisLeft`, a categorical color scheme, and a loading state while parsing the CSV file.

Jul 5, 2025

Loading thumbnail…

5 Buddhas

Five Buddhas appear as a dense field of overlapping, semi-transparent diamond polygons rendered in an SVG. The polygons, generated from a nested loop of an array of 20 numbers, are randomly positioned and colored using JavaScript's random functions and a rotation transform. A static Buddha silhouette path is then layered on top, created with React and rendered via ReactDOM. The visualization combines algorithmic abstract geometry with a traditional symbolic figure.

Jun 29, 2025