Scatter Plot with Menu Francesca

100%

Scatter Plot with Menu Francesca

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

Forked from Scatter Plot Axes and Title 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.

AI-generated description

A scatter plot of Cheetah Dataset with axes and color for the unit feature from https://data.mendeley.com/datasets/84k92j4n3y

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Ffsajedi22

88% match

Loading thumbnail…

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.

Ffsajedi22

87% match

Loading thumbnail…

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.

Ffsajedi22

87% match

Loading thumbnail…

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.

Ffsajedi22

86% match

Loading thumbnail…

Fork of Scatter Plot with Color Francesca

This scatter plot visualizes the Iris Dataset, showing the relationship between the number of cheetahs received and the number alive, with points colored by units via a categorical color legend. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for coloring, and WebGL rendering. The axes and legend are created through reusable exported functions, while data loads from a CSV file using `csvParse`.

Ffsajedi22

85% match

Loading thumbnail…

Fork of Transforming Data Cheetahs Francesca Sajedi

This visualization aggregates cheetah trafficking incident data from a CSV file, summing the number of cheetahs per region and per country using `d3.flatRollup` and `d3.sum`. The results are displayed as raw JSON text in `<pre>` elements. The code uses `d3.csvParse` to load the data and `d3.select` for DOM manipulation, though no graphical rendering is implemented.

Ffsajedi22

76% match

Loading thumbnail…

Fork of Loading Data Cheetah Francesca Sajedi

This visualization explores a decade of illegal cheetah trade data from a Mendeley dataset, mapping recorded incidents by their country role (origin, transit, destination). The interactive view allows filtering by incident outcome, including confiscated, surrendered, alive, and died. The code uses D3 v7 to fetch and parse the CSV via `fetch` and `csvParse`, then draws a table of the raw data preview. The visualization is a webgl rendering that initially loads the dataset and displays its structured contents, relying on D3’s selection and update pattern to manage state.

Ffsajedi22

75% match

Loading thumbnail…

Scatter Plot with Menus

This scatter plot visualizes a dataset of California census data, allowing users to choose which columns map to the X and Y axes via dropdown menus. Built with D3 v5, it uses `scaleLinear` and `scalePoint` for axes, with circles animated into place using `transition()` and `delay()`. The SVG rendering includes axis labels and grid ticks, with data loaded from a CSV file using `d3.csv`.

CCBoton

74% match