Fork of Scatter Plot Simple Francesca Sajedi

100%

Fork of Scatter Plot Simple Francesca Sajedi

✓ Published1🌍 Public

Last edited Feb 15, 2023

Created on Feb 10, 2023

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.

AI-generated description

A scatter plot of Cheetah Dataset with no axes from https://data.mendeley.com/datasets/84k92j4n3y

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

82% match

Loading thumbnail…

Fork of Scatter Plot with Shape Francesca

A D3.js scatter plot visualizes the projected growth of Folk Religions across global regions from 2010 to 2050, using a time-scaled x-axis for years and a linear y-axis for population in millions. Each region is represented by a distinct fill shape, with a custom shape legend identifying the six geographic areas. The visualization loads data from a CSV file, parses dates with `timeParse`, and builds axes, scales, and marks using `scaleTime`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill`. The chart leverages the `selection.join` API to efficiently render paths and SVG elements.

Ffsajedi22

69% match