Fork of Stylized scatter chart

Fork of Stylized Scatter Plot

This scatter plot visualizes the relationship between sepal width and sepal length for the Iris dataset, with each circle representing a flower sample. The visualization uses React for component structure and d3.scaleLinear for both axes, while d3.csv loads the data from a GitHub-hosted CSV file. SVG renders the marks and axes, with custom React components for axis rendering and tooltips providing hover information via SVG title elements.

Bbsolomon103

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length against sepal width for individual flowers. The visualization uses React with D3.js v5 scales, including `scaleLinear` and `extent`, to position SVG circles. Axes are rendered as custom React components, with tick marks and labels styled using Poppins font. The plot provides hover tooltips displaying x-axis values in abbreviated format, while the data loads asynchronously from a CSV file using D3's `csv` function.

GGAMBILLJJ94

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against sepal width with React and D3 v5. Data loads asynchronously via `csv()` and scales linearly with `scaleLinear`. SVG circles with native tooltips render the marks, while custom React components generate axes and tick lines. The chart uses a Poppins font and a minimal color palette, with axis labels rotated for readability.

Sstwxs

Fork of Stylized Scatter Plot

This fork of the stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width. It displays the data as an SVG scatter plot using React components and D3 scales to position marks. Each circle represents a flower, with native SVG `<title>` elements providing hover tooltips. The code uses `d3.csv` to load data, `scaleLinear` for axes, and `format` for tick labels. Custom React components render the axes and marks, with the chart styled using the Poppins font.

Ddumbdataguy@gmail.com

Fork of Stylized Iris Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length against sepal width for individual flowers. The visualization is built with React and D3 v5, using SVG rendering for marks and axes. The code employs D3's `scaleLinear` for positioning, `extent` for domain calculation, and `csv` for data loading. Circles represent data points with hover tooltips. The chart features custom axis components, formatted tick labels using D3's `format` function, and a clean design with Poppins typography.

MMd Alif

Fork of Stylized Scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal width on the y-axis for each flower specimen. Built with React and D3 v5 using SVG rendering, the chart displays all data points as teal circles with hover tooltips showing exact values. The code uses D3's `scaleLinear` and `extent` functions to construct the axes, while the `csv` loader fetches data from a GitHub gist. The minimalist design employs Poppins typography and custom axis tick styling for a clean presentation.

NNart Williamson

Fork of Stylized Scatter Plot

A scatter plot of the Iris Dataset displays petal length versus sepal width for individual flowers. The visualization uses React components to structure the SVG rendering, with D3 scales and axes handling the coordinate system. D3’s `csv` loader fetches the data, while `scaleLinear` and `extent` compute the domain and range. Interactive tooltips appear on hover via SVG `<title>` elements within each circle. The chart features a clean design with custom Poppins typography, colored teal marks, and styled axis ticks, emphasizing readability.

CCatalin Diaconu

Fork of Stylized Scatter Plot

A scatter plot of the Iris dataset displays petal length against sepal width, with each of the 150 flowers represented as a circular mark. The visualization is built with React and D3 v5, using `scaleLinear` for both axes and `extent` to compute domains from the loaded CSV data. Axis ticks are generated via `xScale.ticks()`, with labels formatted using D3's `format` utility. The SVG rendering applies a Poppins font and custom styling for ticks and marks, while hover tooltips expose exact petal length values through SVG `<title>` elements.

YYedrup