Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Bbicyclecode
Last edited Jan 19, 2021
Created on Jan 19, 2021
Forked from Untitled

This scatterplot visualizes accelerometer data from a car’s movement, plotting x-axis acceleration against y-axis acceleration as green circles with blue outlines. The chart uses d3.csv to load the dataset, then d3.scaleLinear and d3.extent to map values, with axes generated via d3.axisLeft and d3.axisBottom. The title and axis labels appear in Roboto Mono, while the overall layout uses margins and an SVG container. Data originates from the UCI Machine Learning Repository.

AI-generated description

This scatter shop shows data about cars from UCI Machine Learning Repository

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

Three smoothed lines trace accelerometer and gyroscope readings from a wearable sensor, mapping z-axis rotation against z-axis acceleration, x-axis rotation against x-axis acceleration, and y-axis rotation against y-axis acceleration. The chart uses `d3.scaleLinear`, `d3.line` with `curveBasis`, and D3 v6 axes to render the paths as blue, red, and green strokes against a grid. Data comes from two CSV files, `sensor.csv` and `sensor2.csv`, capturing movement over time. Axis labels and a title describe the comparison of movement interpretations.

Bbicyclecode
84% match
Loading thumbnail…

Automobile data summary

This scatterplot visualizes the relationship between automobile weight and acceleration, with each car represented as a semi-transparent blue circle. The data is loaded from a remote CSV file and rendered as an SVG using D3 v5. The chart employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for grid lines and tick labels, and includes a rotated y-axis label. The code uses `csv` to parse the dataset and `extent` to determine the scale domains.

BB Sundaresan
81% match
Loading thumbnail…

Cars scatter

This scatterplot visualizes the relationship between vehicle weight and acceleration for a dataset of cars, rendering each car as a semi-transparent circle using SVG. The x-axis maps weight, the y-axis maps acceleration, with both axes scaled linearly and “niced” via D3’s `scaleLinear` and `extent`. The code uses D3 v5’s `csv`, `select`, `axisBottom`, and `axisLeft` to load data, append circles, and draw labeled ticks. Data comes from the auto-mpg CSV dataset, with axes customized for readability.

MMarrnj2
80% match
Loading thumbnail…

Scatter Plot

This scatter plot compares car weight and acceleration using data from the auto-mpg dataset. The visualization displays each car as a semi-transparent circle, with weight on the x-axis and acceleration on the y-axis using d3.scaleLinear for both scales. Axes are generated with d3.axisLeft and d3.axisBottom, including custom tick styling and labels. The code uses d3.csv to load data, d3.extent for domain calculation, and renders the chart as SVG with margins defining the inner plotting area.

DDhaval Potdar
80% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between weight and acceleration for cars from the Auto MPG Data Set, with each circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data to SVG circles, with gridlines and labeled axes. The code loads CSV data via `d3.csv`, converts numeric fields, and renders the plot through an SVG container. Axis labels and a title use D3’s text append method, while styling is handled through CSS.

MMaciek Sitkowski
80% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between weight and acceleration for cars from the Auto MPG Data Set, with each circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data to SVG circles, with gridlines and labeled axes. The code loads CSV data via `d3.csv`, converts numeric fields, and renders the plot through an SVG container. Axis labels and a title use D3’s text append method, while styling is handled through CSS.

MMaciek Sitkowski
80% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between car acceleration and weight using the UCI Auto MPG dataset, with each red semi-transparent circle representing an individual car model. The visualization employs D3 v5’s scaleLinear, axisBottom, and axisLeft functions to map data values to SVG coordinates, rendering axes with tick marks and custom labels. The code fetches the CSV data via d3.csv, converts numeric fields, and draws circles with a fixed radius, while styles.css controls circle opacity and typography. The margin-based layout and appended axis labels, such as "Weight" and "acceleration," clarify the plotted dimensions.

MMartin Lauf
80% match
Loading thumbnail…

Untitled

This animated scatter plot explores the relationships between various attributes of cars from the UCI Auto MPG dataset. Dropdown menus let users select different columns for the x- and y-axes, with circles animating from the center to their new positions over 2 seconds. Built with D3.js, it uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `transition().duration().delay()` for the animation effect. The visualization is rendered as an HTML page with Plotly’s `newPlot` for an initial static chart.

Jjesramyep1263
80% match