Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Iibcs47
Last edited May 13, 2020
Created on May 13, 2020
Forked from Cars Scatter Plot

This scatter plot visualizes daily COVID-19 cases and deaths across multiple countries, using red semi-transparent circles on an SVG canvas. The x-axis maps daily cases while the y-axis maps daily deaths, with data sourced from a CSV file. Built with D3 v5, the visualization uses scaleLinear, axisBottom, and axisLeft to construct the axes, and the csv function loads the dataset. The code filters data through extent and nice functions to set the scales, while a title and axis labels are added as text elements.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot for Covid

This scatter plot visualizes COVID-19 data for the top 10 countries, showing the relationship between total cases and total deaths. The visualization uses D3.js v7 with SVG rendering to display circles for each country, where the x-axis represents total cases and the y-axis represents total deaths. The code loads CSV data from a GitHub gist, processes it with JavaScript array methods, and uses d3.scaleLinear to create scales for both axes. Axis labels and grid lines are generated using d3.axisBottom and d3.axisLeft, with margins defining the plot area.

MM Hema
87% match
Loading thumbnail…

Test Scatter Plot

This scatter plot visualizes COVID-19 data, comparing the number of cases and deaths for four countries. The chart uses SVG circles to represent each country, with D3.js’s `scaleLinear` and `extent` functions to map the data to axes, and `axisLeft` and `axisBottom` to render the labeled axes. The code imports `csv` to load the data from `data.csv` and applies D3 v6 to build the visualization, with a clear title and axis labels.

CChristine Lanser
84% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between age groups and confirmed COVID-19 cases in Canada, using red circles sized at a fixed radius to represent case counts across nine age categories. The chart employs d3.scaleBand for the x-axis age groups and d3.scaleLinear for the y-axis case counts, with axes rendered via d3.axisBottom and d3.axisLeft. Data is loaded from a CSV file using d3.csv, and the visualization is rendered as SVG with styled grid lines and labeled axes, highlighting that the 80+ age group has the highest number of cases.

VVineel Gannu
83% match
Loading thumbnail…

Deaths Scatter plot

A scatter plot displays annual deaths for ten countries using red, semi-transparent circles. The chart reads data from a CSV file, multiplies each death count by 1,000, and positions points using D3’s `scaleLinear` for the y-axis, while the x-axis uses `scalePoint` for country names. Axes are rendered with `axisLeft` and `axisBottom`. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset. D3 v7, SVG, and the `csv` and `select` APIs handle the visualization.

RRobindj2000
83% match
Loading thumbnail…

Covid Cases and Deaths WorldWide Simple Scatter Plot

This visualization presents a scatter plot comparing total COVID-19 cases against total deaths for countries worldwide, using logarithmic scales on both axes to accommodate wide data ranges. Each circle represents a country, with its position determined by case and death counts, while color encodes mortality categories (low, medium, or high) derived from the death-to-case ratio. The plot is rendered as an animated D3.js visualization, utilizing `scaleLog`, `scaleOrdinal`, and `schemeCategory10` for color mapping, with interactive legend hover effects that dim non-matching countries. The data is loaded from a GitHub-hosted CSV file, and the visualization employs a reusable module structure with separate axis-label utilities.

Wwkj0713@gmail.com
83% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the World (esa.un.org) by rendering each vehicle as a semi-transparent red circle. The visualization encodes the dataset’s two dimensions along linear x and y axes, with tick labels and an axis-label generated from the data’s extent. The code uses d3.csv for data loading, d3.scaleLinear for mapping, and d3.axisLeft and d3.axisBottom for the axes. A linear gradient is defined in the SVG defs, while circles are styled via CSS with fixed red fill and opacity, producing overlapping clusters.

Llinlala
82% match
Loading thumbnail…

covid data viz

This example plots COVID-19 data from the Our World in Data CSV as a scatterplot, with new cases on the x-axis and deaths on the y-axis. It uses D3 v7 to load the CSV, slice the dataset to a manageable subset, and append circles to an SVG. The code samples the raw data by taking every thousandth row, and scales the plot area with fixed margins, though the scales are incomplete.

NNita
82% match
Loading thumbnail…

test

This scatter plot displays the number of deaths for various countries, using a red dot for each nation along a vertical country axis and a horizontal death-count axis. Built with D3 v7, it loads data from a local CSV file, which is also drawn from the UCI Auto MPG dataset, and renders as an SVG. The code uses `d3.csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the visualization, with custom formatting and a data join to append circles.

RRobindj2000
81% match