Shafi

@seulpeo·3 public vizzes

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width with points colored by species. Built with React and D3 v5, it uses d3.scaleLinear for both axes and d3.scaleOrdinal for categorical colors. The SVG rendering includes custom axis components and circles with tooltips via SVG `<title>` elements, with data loaded asynchronously using d3.csv.

Jun 24, 2023

Loading thumbnail…

scatter

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length against sepal width. Each data point is colored by species, with a color legend identifying the three categories. The React-based component uses d3.scaleLinear for axes, d3.scaleOrdinal for the color mapping, and d3.csv to load the data. The SVG rendering includes custom axis components and circle marks with tooltips.

Jun 24, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a single centered message reading “Hello HTML!” with large, bold text. It serves as a minimal scaffold for understanding how CSS and JavaScript integrate into a basic HTML page. The visible styling comes from a CSS rule that sets the font size and text alignment. The page uses no external libraries or data sources, relying entirely on native HTML elements and inline style definitions.

Jun 24, 2023