Skip to main content
SimilarExport ZIP
100%

Cars_Model

✓ Published2🌍 Public
AALIMINETI SPOORTHY REDDY
Last edited Oct 17, 2025
Created on Oct 17, 2025
Forked from Car_Models

This example shows the diameters of the first 12 planets from a CSV dataset as a bar chart, with planet names on the x-axis and diameter in kilometers on the y-axis. Bars are rendered in SVG using d3.select and d3.csv, with d3.scaleBand and d3.scaleLinear mapping the data. Axes are drawn via d3.axisBottom and d3.axisLeft, while hover effects change bar color to orange. The chart loads data from a gist URL and includes rotated x-axis labels for readability.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Barchart

This example visualizes the diameters of planets in our solar system using a horizontal bar chart built with D3.js. The bars are rendered as SVG rectangles, scaled using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, which lists planet names sorted in descending order by diameter. The chart imports data from `planets.csv`, converts the diameter strings to numbers, and displays axes generated with `d3.axisLeft` and `d3.axisBottom`. The SVG canvas is 960 by 500 pixels, with margins applied via a group transformation.

Ddabrze3@gmail.com
81% match
Loading thumbnail…

DV Group 1

This chart shows the diameters of the planets in our solar system as a horizontal bar chart, using data loaded from a CSV file. The bars are drawn as SVG rectangles, with a linear scale for the diameter values and a band scale for the planet names, sorted in descending order. The visualization is built with D3 v6, using `d3.csv` to load the data and `d3.axisBottom` and `d3.axisLeft` for the axes. The chart is rendered into an SVG element within an HTML page.

Ddabrze3@gmail.com
81% match
Loading thumbnail…

data viz d3

This example shows a horizontal bar chart of planetary diameters, sorted in descending order from Jupiter to Pluto. The visualization uses D3 v6’s `scaleLinear` and `scaleBand` to map diameter values and planet names, rendering SVG rectangles bound to data from a CSV file. The chart reads the `planets.csv` dataset, converting the `Diameter` field to numbers, and displays a clean, static layout with margins and a white background.

Aannprzy
80% match
Loading thumbnail…

Solar_System_Bar_Graph

This visualization shows the diameters of planets in kilometers using a bar chart, with each bar colored distinctly and a corresponding legend. The data is loaded from a CSV file via `d3.csv`, parsed, and sliced to the first 12 entries. The bars are rendered as SVG rectangles using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory10`. Both axes are labeled, and axis ticks are rotated for readability.

AALIMINETI SPOORTHY REDDY
79% match
Loading thumbnail…

Untitled

This example shows the diameters of planets in kilometers, with each planet represented as a dot on an SVG scatterplot rather than a bar chart. The x-axis maps planet names using `d3.scaleBand`, while the y-axis uses `d3.scaleLinear` for diameter values. Data is loaded from a CSV via `d3.csv`, and circles are appended to a group container with an explicit transform offset. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and the visualization is built entirely with D3 v7 and SVG, drawing from a dataset of planet measurements.

Hhollyjpotter
79% match
Loading thumbnail…

DV Group 2

This example shows the diameters of the eight planets and Pluto as horizontal bars, sorted from largest to smallest, using an SVG bar chart. The chart is generated with D3 v6, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for the axes. Data is loaded from a CSV file and rendered as `rect` elements.

Ddabrze3@gmail.com
78% match
Loading thumbnail…

Planets dataset

This visualization of a solar system dataset combines several D3.js v7 chart types. A bar chart compares planet diameters in kilometers, while a circular layout and a mini planet strip show relative distances from the Sun and planet sizes. The code uses `d3.csv` with `d3.autoType` to load a GitHub Gist dataset, then builds the charts using SVG elements. Custom CSS enhances the design with a radial gradient background and card-based layout. A header starfield with a stylized sun is generated using `d3.range` and random values.

RRuthvik Bairaboina
78% match
Loading thumbnail…

Cars

A horizontal bar chart displays the average price of 2011 car models grouped by make, sorted from highest to lowest average price. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, then aggregating prices with d3.group and d3.mean. Bars are rendered as SVG rect elements with a cyan fill that transitions to orange on hover, supported by an interactive tooltip showing precise values. Axis labels and rotated tick text clarify the car make categories and price scale in euros.

AALIMINETI SPOORTHY REDDY
77% match