Fork of Scatter Plot with Color Francesca

Fork of Scatter Plot Color Improved Francesca

This example visualizes a scatter plot of cheetah incident data, showing the number of cheetahs received versus the number alive, with points colored by unit type. The code uses D3 v7’s `scaleLinear` for axes and `scaleOrdinal` for color mapping, rendering circles via WebGL. Data is loaded from a local CSV and parsed with `csvParse`, while axes are drawn using `axisLeft` and `axisBottom` from D3’s d3-axis module.

92% match

Fork of Scatter Plot Simple Francesca Sajedi

This scatter plot visualizes cheetah incident data from a Mendeley dataset, plotting the number of cheetahs against the number alive in each recorded incident. The visualization uses D3.js v7 with a WebGL rendering approach, though the visible code relies on the SVG-based `scatterPlot` function. Circles are positioned using `scaleLinear` scales computed from the data’s extent, with no axes displayed. The data is loaded and parsed via `csvParse`, with numeric fields converted before rendering.

86% match

Scatter Plot with Menu Francesca

This scatter plot visualizes the Cheetah Dataset, plotting the number of cheetahs received against the number alive, with each point colored by the unit feature (e.g., Live, Skin, Trophy). A dropdown menu allows filtering the color scale’s domain to a specific unit type. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` for color mapping, and `csvParse` to load data from a Mendeley-hosted CSV file.

85% match

Fork of Scatter Plot with Color

A scatter plot of the Iris dataset shows sepal length against petal length, with points colored by species and a categorical color legend. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, and `schemeCategory10`, while loading the CSV data with `csvParse`. Axes and legend are rendered as reusable modules, and the visualization uses a dropdown for future mode selection.

Ping-Yu Yang

84% match

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with points colored by species and a color legend for identification. The visualization uses D3 v7 with `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular functions for axes and legends. It employs `selection.join` for dynamic element updates and loads data asynchronously via `fetch`, parsing the CSV with `csvParse`. The chart renders in a full-screen SVG with labeled axes and a categorical legend positioned in the plot area.

Ssnehareddygurram

Scatter Plot Axes and Title Francesca

This scatter plot visualizes cheetah trafficking incidents from the Mendeley Cheetah Dataset, with the x-axis representing the number of cheetahs received and the y-axis the number alive. Each circle is colored by the units feature (e.g., Live, Skin, Trophy) using a static `colorScale`. The visualization uses D3 v7 to render WebGL, with `axisBottom` and `axisLeft` for axes and `csvParse` to load the data.

Scatter Plot Titles Francesca Sajedi

A scatter plot of the Cheetah Dataset from Mendeley visualizes the relationship between the number of cheetahs in incidents and the count recorded as alive. The plot displays data points without axes, using D3 v7 with WebGL rendering. It loads CSV data via `csvParse`, scales values with `scaleLinear` and `extent`, and renders circles positioned by `xScale` and `yScale`. The custom `axes` module imports `axisLeft` and `axisBottom` but does not apply them in the final visualization.

Fork of Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset, colored by species with a legend. The visualization uses D3's `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for color mapping, and `selection.join` to handle data binding. Axes and the color legend are rendered via reusable modules, while data is loaded from a CSV using `csvParse`.

NNYCUBK201