Fork of Cars Scatter Plotgbh

100%

Fork of Cars Scatter Plotgbh

✓ Published0🌍 Public

Last edited Jan 9, 2024

Created on Jan 9, 2024

This chart displays the results of a parliamentary election using a semicircular seating plan, with each seat colored by party affiliation. The data, representing the 2019 UK general election, is rendered as an SVG using the D3.js library via the `d3.parliament()` API. The code animates the entering seats from the center and supports click interactions on individual seats, with the car dataset sourced from the UCI Machine Learning Repository.

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…

Fork off

A parliament chart displays the distribution of seats in the UK House of Commons, with each party represented by a colored arc of semicircular dots. The visualization uses the d3-parliament library, which builds on D3.js, to render the seating layout as an SVG. Clicking any seat triggers an alert identifying the party. Data is provided as an array of party objects containing seat counts and colors, with animation entering seats from the center in order of increasing size.

NNigel

82% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot displays cars data from the UCI Machine Learning Repository, plotting pagerank against betweenness for individual data points. The visualization uses red, semi-transparent circles to represent each car. Built with D3 v5, the code employs scaleLinear, axisBottom, axisLeft, and csv to load and render the data as SVG. Axis labels and a title annotate the chart, with tick marks extending across the plot area to aid readability.

Ttanup05

72% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The code uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data from the UCI Auto MPG dataset and render an SVG chart. Axes include tick marks and labels, while a title and rotated y-axis label are manually positioned. Filtering and data type conversion occur before rendering, matching the original example’s styling and layout.

AAlexandre Pinho

70% match

Loading thumbnail…

ukip-shift

A scatterplot-style flow visualization tracks shifts in UK constituency vote shares between the 2015 and 2017 elections. Each constituency is represented by a line, moving from its 2015 Conservative-versus-Labour share and UKIP vote percentage to its 2017 position. The SVG animation uses D3 v4’s selection, scale, and axis APIs, with arrowheads marking the direction of change. Data comes from a NYT JSON file, and tooltips are attached via `d3.attachTooltip` for hover details.

11wheel

70% match

Loading thumbnail…

Cars Scatter Plot

A scatter plot visualizes the correlation between 2019 election results and average income across Belgian municipalities, with each point representing a commune. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG axes and circles, while a dropdown menu generated by a custom `dropdownMenu` function allows filtering by party. Data comes from a local CSV of election and income figures.

AAlain Jennotte

70% match

Loading thumbnail…

Fork of Cars Scatter Plot

This fork of a cars scatter plot displays population data for countries as a horizontal bar chart, with bar length proportional to each country’s population and bars aligned along a categorical y-axis. Built with D3 v5, the visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with `d3.axisLeft` for tick labels. All marks are appended as SVG `<rect>` elements within a `<g>` group, with data parsed from a CSV file where population values are multiplied by 1,000. The chart’s margin-based layout and width/height attributes are read directly from the `<svg>` element.

Jjohncoder21

70% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset, with each red semi-transparent circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data and render SVG axes with gridlines, while circles are appended via a data join. Labels and a title are added as SVG text elements, with styling defined in an external stylesheet.

Nnshedd

69% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset, with each red circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes, while circles are appended via `selectAll` and `enter`. Data is loaded as CSV and parsed with numeric conversions. The SVG rendering includes custom axis labels and a title, styled through CSS with opacity and tick formatting.

GGerasimos Katsagannis

69% match