Stylized Scatter Plot

Stylized Scatter Plot

A scatter plot of the Iris Dataset shows petal length on the x-axis and sepal width on the y-axis. Built with React and D3 v5, it uses `scaleLinear` for axes and renders SVG circles via a custom `Marks` component. Data is loaded asynchronously from a CSV using D3’s `csv` function. Axis ticks and labels are styled with the Poppins font, and each point includes a tooltip formatted with D3’s `format` function.

Ddeltiger

Stylized Scatter Plot

A scatter plot displays the Iris Dataset, plotting petal length against sepal width with a circular mark for each sample. The visualization uses React components to render SVG elements, with d3.scaleLinear for axes scaling and d3.extent for domain calculation. Axes are custom-built components using SVG lines and text, styled with the Poppins font. Data is loaded asynchronously via d3.csv and transformed with numeric type coercion, while tooltips appear on hover through SVG title elements.

RRajat Dangat

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, showing petal length against sepal width for individual flower specimens. The visualization uses React with D3 v5 scales and SVG rendering, featuring custom AxisBottom and AxisLeft components that generate tick marks and labels. Circles representing data points include native SVG title tooltips, while the Poppins font and teal color scheme create a distinctive aesthetic. The code leverages d3.scaleLinear, d3.extent, d3.format, and d3.csv for data loading and scaling operations.

AAbhay Kumar

Stylized Scatter Plot

A stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. The visualization uses React with D3 v5, employing `scaleLinear` for axes, `extent` for domains, and `format` for tick labels. Circular marks are rendered as SVG elements with tooltips, while custom Axis components draw grid lines and labels. The plot uses the Poppins font and a teal color scheme for a polished, modern appearance.

JJulianWgs

Stylized Scatter Plot

A scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal width on the y-axis. It uses React and D3 v5 to build an SVG chart with a linear scale for both dimensions, styled with teal circles and gray tick marks. The data is loaded asynchronously via `d3.csv` and rendered with custom Axis components, a `Marks` component using SVG circles, and formatted tick labels using `d3.format`.

ZZG

Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length against sepal width for individual flowers. The React-based visualization uses D3's `scaleLinear` and `extent` functions to compute scales, while custom SVG components render the axes and circular marks. Styling employs the Poppins font with teal-colored circles and muted gray gridlines. The chart includes labeled axes with rotated y-axis text and a tooltip showing the petal length value on each point hover, loaded asynchronously via D3's `csv` parser.

SShashwat Priyadarshi

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris dataset, plotting petal length against sepal width. Each circle represents a sample, with a tooltip displaying the x-axis value. The visualization uses React to render SVG elements, while D3 v5 utilities handle data loading, scales, and formatting. CSV data is fetched asynchronously and parsed via `d3.csv`. The chart features custom axes with styled ticks and labels, uses the Poppins font, and applies a distinct color scheme for the marks.

MMorgan Worrell

Stylized Scatter Plot

A stylized scatter plot of the Iris Dataset shows the relationship between petal length and sepal width for individual flowers. The visualization uses React to render SVG circles as data marks with a Poppins font and muted color palette. The code leverages the d3.csv function for data loading and cleaning, along with d3.scaleLinear for axis scaling and d3.format for tick label formatting. Axis components are custom React components that generate tick marks and labels, while tooltip titles display formatted values on hover.

TTrustPaul