Stylized Scatter Plot

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris dataset, showing sepal length against sepal width. It uses React with D3 v6’s scaleLinear and extent functions to position data points as circles in an SVG rendering. The chart includes axis labels, tick marks, and a native title tooltip on each mark. A custom useData hook loads the CSV data via d3.csv, while AxisBottom, AxisLeft, and Marks components generate the axes and circles with a Poppins font styling.

Eekorre1001

Stylized Scatterplot

This stylized scatterplot visualizes the Iris dataset, plotting sepal length against sepal width. The React application uses D3.js scales and axes to render SVG circles, with a clean, modern aesthetic defined by the Poppins font and custom color palette. Data is loaded asynchronously from a CSV file via D3's `csv` function. Axis ticks and marks are generated as React components, with interactive tooltips displaying formatted values.

Vvangenned

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and sepal width for individual iris flowers. The visualization uses React with D3 v5 SVG components, including custom axis and mark components that render circles for each data point. The code employs D3's `csv` parser, `scaleLinear`, and `extent` functions to load and scale the data, with axes configured using `AxisBottom` and `AxisLeft` components. The plot features a teal color scheme with gray gridlines and rotated axis labels, presenting a clean, modern take on the classic scatter plot.

Ttorstenaan

Stylized Scatter plot

This stylized scatter plot visualizes the Iris dataset, plotting sepal length against sepal width for each flower specimen. Built with React and D3 v5, it uses SVG rendering with custom axis components and circular marks. The visualization employs D3's `scaleLinear` for axis scaling, `extent` to compute data domains, and `format` for tick label formatting. Data is loaded asynchronously from a CSV file via D3's `csv` function, with a clean, minimalist design using the Poppins font and a muted color palette.

Jj-PGi

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris dataset, plotting sepal length against sepal width for individual flower samples. The visualization uses React components with D3 scales (d3.scaleLinear) and rendering via SVG, displaying axis ticks generated with custom AxisBottom and AxisLeft components. Each data point is rendered as a circle with a tooltip showing its value, styled with a Poppins font and teal coloring. The data is loaded asynchronously from a CSV file using d3.csv, with numeric fields parsed for quantitative comparison.

Nnicholasgonzalez1

Stylized Scatter plott

This stylized scatter plot visualizes the Iris dataset, plotting sepal length against sepal width across all samples. Built with React and D3 v6, the visualization renders SVG circles scaled by linear scales with nice-ticked axes. The code uses d3.csv for data loading, d3.scaleLinear for positioning, and d3.extent to compute domains. Custom React components (AxisBottom, AxisLeft, Marks) handle rendering, while the Poppins font and teal circle marks create a modern aesthetic. The chart updates responsively to fill the browser window, with formatted tick labels using d3.format.

BbeauMarko

Stylized Scatter Plot

This stylized scatter plot displays the Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis as teal circles. Built with React and D3 v5, the visualization uses `scaleLinear` for both axes, `extent` to compute domains, and renders marks as SVG circles via a custom `Marks` component. The axes are generated by `AxisBottom` and `AxisLeft` components, with tick labels formatted using D3's `format` function. The chart features a Poppins font, styled gridlines, and tooltips that show the x-value on hover, with data loaded asynchronously via the `csv` function.

PPedro Henrique Vanali

Stylized Scatter Plott

This scatter plot visualizes the Iris Dataset, mapping sepal length against sepal width for individual flower specimens. The visualization uses React to render SVG elements, with D3 v6 functions like `scaleLinear` and `extent` for scaling and domain calculation. Axis components are built with reusable React components, while the marks are circles with tooltips displaying values via native SVG `<title>` elements. The chart features a custom Poppins font, light grid lines, and teal-colored data points, with D3's `csv` loading the data from a GitHub-hosted CSV file.

MMario Ibarra