Fork of Fork of Scatter Plot with Color

Fork of Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing petal length on the x-axis and sepal width on the y-axis, with each of the three iris species colored distinctly via a d3.scaleOrdinal. The visualization is built with React and D3 v5, using d3.scaleLinear for axes and SVG circles for marks. Data is loaded asynchronously from a CSV file using d3.csv, with axes rendered by custom React components that call d3 scale methods like ticks for positioning grid lines and labels.

Ppemmasaniprudhvinadh

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for three iris species. Each circle is colored by species using a d3.scaleOrdinal color scale, with axes rendered as React components. The code loads CSV data via d3.csv, applies linear scales for positioning, and uses React with SVG to render the visualization with tooltips on each mark.

AAnnie Ulichney

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris dataset, mapping petal length and sepal width for individual flowers. Each circle is color-coded by species using a d3.scaleOrdinal with a custom range, and axes are rendered with d3.scaleLinear and custom React components. The d3.csv loader parses numeric fields, while React components handle SVG rendering of axes and marks.

Oonceup

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for three iris species. The React-based chart uses d3.scaleLinear and d3.scaleOrdinal to map data values to positions and categorical colors, with SVG circles rendered as marks. Axes are generated via custom reusable components (AxisLeft, AxisBottom), and the data is loaded asynchronously from a CSV file using d3.csv.

AAnu Wat

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.

SShafi

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, mapping petal length and sepal width for individual flowers while color-coding points by species. The visualization uses D3 scales (scaleLinear, scaleOrdinal with schemeCategory10) to position and color marks, rendered as SVG circles within a React component structure. Axes are generated through reusable React components using D3’s tick generation, with formatted numeric labels and axis titles for petal length and sepal width. Data loading is handled asynchronously via D3’s CSV fetching and parsing utilities.

KKaminariOS

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width. Circles are colored by species, using an ordinal color scale with three distinct hues. The visualization is built with React and D3 v5, using `scaleLinear` for axes and `scaleOrdinal` for color mapping. SVG rendering handles the marks and axes, with data loaded from a CSV file and formatted using D3's `format` function.

Cchar0496

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width for three flower species. The visualization uses a React component structure with D3.js scales and SVG rendering to map data points. The d3.scaleLinear function handles positional encoding on both axes, while d3.scaleOrdinal assigns distinct colors to each species. Interactive tooltips appear on hover through SVG title elements. The chart includes labeled axes and a loading state while fetching data via d3.csv. Colors represent the three species categories, making group separation visually evident.

YYedrup