Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Sep 23, 2021

Created on Sep 23, 2021

This visualization uses a linked-brushing interaction to explore daily weather data for Seattle from the Auto MPG dataset. A scatter plot shows temperature and precipitation over time, while a bar chart displays weather condition counts; selecting points in one chart filters the other via interactive brush and multi-select encodings. The visualization is built with Vega-Lite’s API, rendered as SVG with D3.js v5, and uses color scales for weather categories, with axes and labels styled via CSS.

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 of Cars Scatter Plot

This fork of the Cars Scatter Plot visualizes temperature in San Francisco over time, using a smooth line chart instead of points. The code imports D3 v5 modules including `select`, `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path. It loads data from a CSV file hosted on VizHub, parses temperature as numbers and timestamps as dates, then draws axes with tick marks and labels. The dataset originates from the UCI Machine Learning Repository’s Auto MPG set, though the plotting logic here applies it to weather readings.

HHojjat Karami

80% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot displays temperature readings by time for San Francisco, sourced from a dataset hosted on VizHub. The visualization uses D3 v5 with SVG rendering to draw red, semi-transparent circles. It employs `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom` and `axisLeft` for labeled axes with gridlines. Data is loaded via `csv` and parsed into JavaScript `Date` and numeric values before being mapped to screen coordinates.

Bbharatbobby

78% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot displays temperature readings over time from the San Francisco data set, with each point representing a timestamp and its corresponding temperature. The visualization uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, rendering circles in SVG with a fixed radius and semi-transparent steelblue fill. Axis labels and a title are added using d3.axisBottom and d3.axisLeft, with grid lines generated through tick sizing. The code loads the CSV data via d3.csv, parses the temperature and timestamp fields, and appends the plot elements dynamically.

Ddanish-nix

78% match

Loading thumbnail…

Fork of Cars Scatterplot

This visualization shows the temperature in San Francisco over time, with a smooth line chart mapping dates to temperature values. The data is loaded from a CSV file and rendered as an SVG. The code uses d3.scaleTime and d3.scaleLinear to create scales, d3.axisBottom and d3.axisLeft for the axes, and d3.line with curveBasis to generate the curved line path. The chart includes axis labels and a title, while grid lines are drawn using tick sizes.

MMatthew Rubino

78% match

Loading thumbnail…

Fork of Scatter Plot with Small Points

This visualization displays a scatter plot of automobile data, mapping engine displacement on the x-axis against horsepower on the y-axis, with each point sized uniformly and colored solidly. The plot uses the auto-mpg dataset loaded via d3.csv, and each car’s name appears as a tooltip on hover. Built with the vega-lite-api library, it registers with vega and vega-lite, applying a customized configuration to remove axis domain lines and enlarge label and title fonts for readability. The chart fits the full window dimensions and uses an SVG renderer.

BBrian Olczak

78% match

Loading thumbnail…

Fork of Scatter Plot with Small Points

BBrian Olczak

78% match

Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot uses D3.js to visualize automotive data across multiple dimensions, with points plotted on an SVG canvas and brushable for detailed exploration. The visualization incorporates a world map background rendered with topojson and d3.geo projections, allowing users to filter car data by geographic region through a modal interface. The code leverages Bootstrap modals for control panels and DataTables for tabular data display, while animations and player controls enable temporal filtering of the dataset.

HHarish M A

77% match

Loading thumbnail…

Fork of Scatter Plot

This fork of a scatter plot displays data on cars from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower against weight as red, semi-transparent circles. The visualization uses D3 v5 with the `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to parse the CSV, compute scales, and render SVG axes and circles. A title labels the chart as an “HK Temperature Heatmap,” while grid lines and rotated axis labels structure the layout.

Nnoah-lichtenberg

77% match