Fork of Scatter Plot Color Improved Francesca

100%

Fork of Scatter Plot Color Improved Francesca

✓ Published0🌍 Public

Last edited Feb 24, 2023

Created on Feb 24, 2023

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

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…

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

92% 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

90% match

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

87% match

Loading thumbnail…

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.

Ffsajedi22

86% 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

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

79% 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

77% match

Loading thumbnail…

Fork of Scatter Plot

This example displays a scatter plot of country reserves, with each circle’s horizontal position mapped to the reserve value and vertical position to the country name using a point scale. The visualization uses D3.js (v7) to load CSV data, build linear and point scales, and render axes with tick formatting. Grid lines are created by negative tick sizes, and axis labels are added manually, with circles styled via CSS.

Ggharakhani1986

74% match