Chintan Sawla

@sawlachintan·3 public vizzes

Fork of Polished Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, plotting sepal and petal measurements against each other. Two dropdown menus let users select which flower attributes appear on the x and y axes, updating the scales and axes dynamically. Built with React and D3 v5, the visualization uses `scaleLinear` for both scales, renders data points as SVG circles via components like `AxisBottom`, `AxisLeft`, and `Marks`, and loads data asynchronously with `d3.csv`. Axis labels and tick formatting follow the selected attributes.

Jan 2, 2022

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to select which attributes to display on each axis via dropdown menus built with React state. The visualization uses D3 v5’s `scaleLinear`, `extent`, and `format` functions to map data values to SVG circle positions rendered through React components, with transitions applied when axes change. The chart includes labeled axes and tooltips showing the x-value for each point.

Dec 31, 2021

Loading thumbnail…

Fork of Hello HTML

This example draws a simple yellow face using scalable vector graphics. It shows two black eyes and a yellow circular head with a black outline, all rendered statically on a 960 by 500 pixel canvas. The page uses inline SVG elements within an HTML document, with CSS rules that remove margins and hide overflowing content. The code directly creates circles with specified center coordinates, radii, fill colors, and stroke properties, without relying on any JavaScript libraries or data sources.

Dec 29, 2021