Skip to main content
SimilarExport ZIP
100%

sriram viz

✓ Published0🌍 Public
SSriram-Voruganti
Last edited Mar 7, 2023
Created on Mar 6, 2023

A horizontal bar chart displays average car prices for four car makes in the United States, using data loaded from a CSV file hosted on GitHub. The visualization is rendered as an SVG within a React application, utilizing D3 v5 functions for scaling, axes, and shape generation. Specifically, the code employs `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` implicitly through manual tick rendering, while directly invoking `csv`, `max`, and `format` from the D3 library. The chart maps car makes to vertical bands and prices to horizontal bar widths, with axes drawn as SVG elements.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6-BarGraph

This bar chart from the D3.js and React gallery displays average car prices grouped by brand, using data loaded from a CSV file via `d3.csv`. The visualization uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the x-axis, rendering the bars as SVG `rect` elements within a React component. Gridlines and axis tick labels are generated using the scales' `.ticks()` and `.domain()` methods, presenting an interactive, data-driven view of pricing trends across automobile manufacturers.

Mmukundakrishna.r@gmail.com
76% match
Loading thumbnail…

D3 with DS4E

A bar chart visualizes stock prices for various car companies, using data loaded from a CSV file hosted on GitHub. The visualization is built with D3.js v7 within a React framework, rendering as animated SVG. Bars animate in with a staggered delay, and hovering over a bar triggers a tooltip displaying its value while the bar expands in size. The chart includes labeled axes for companies and stock price in USD.

Ssri7harsha
76% match
Loading thumbnail…

ICE-6 Assignment : Car makes vs average selling price

This visualization shows the average selling price of cars grouped by make, using a horizontal bar chart where each bar’s length encodes price and its color denotes the car make. The chart, built with React and D3 v5, loads CSV data from a GitHub gist, aggregates the selling prices by make, and renders the result as SVG. It employs D3’s `scaleBand`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to construct the axes and color encoding.

Vvinodreddysagam929@gmail.com
75% match
Loading thumbnail…

A4 Bar Chart

This example shows a bar chart of car prices, displaying the price distribution for various car models. The chart uses an SVG rendering approach with D3 v7, implementing a band scale for the x-axis and a linear scale for the y-axis. Bars are drawn as rectangles, with price labels positioned above each bar. Data is loaded asynchronously from a CSV file hosted on GitHub, and axes are generated using D3’s axisBottom and axisLeft components.

SShazil Taqi
74% match
Loading thumbnail…

histogram

This example displays a bar chart of car prices by make, with price on the vertical axis and car manufacturers along the horizontal axis. It uses d3.csv to load automobile data from a GitHub gist, then scales and renders the bars using d3.scaleBand, d3.scaleLinear, and d3.axisBottom/d3.axisLeft. The visualization is drawn as an SVG within a React project, with rotated x-axis labels and a title, using d3.v6.

Iindushashi.g@gmail.com
74% match
Loading thumbnail…

ICE-6 Assignment Sheshidhar reddy shaga

A horizontal bar chart displays the top 20 car models by price, sorted by an unspecified categorical variable. The visualization uses D3's `scaleBand` and `scaleLinear` to map car names to the y-axis and price values to the x-axis, with red gridlines and green bars rendered as SVG rectangles. Built with React and D3 v5 within a ReactDOM-rendered SVG, data is fetched from a CSV file provided via a Gist URL, and axis tick labels are generated using `xScale.ticks()`.

SSheshidharreddy
74% match
Loading thumbnail…

Fork of Fork of Fork of ICE-6:Sai Meghana

A horizontal bar chart displays the top 7 SUV cars ranked by price, with each bar labeled by car name and value on a linear price scale. The visualization uses React to manage state and render SVG elements, while D3 v5 handles data loading via `d3.csv` and scales (`d3.scaleBand`, `d3.scaleLinear`). Grid lines appear in orange for each price tick, and bars have fixed heights within a band layout. Data comes from a remote CSV file, processed asynchronously and sliced to ten entries.

Eeravellisaimeghana
74% match
Loading thumbnail…

A Bar Chart of the Car Seliing Details

This bar chart displays car selling prices (in millions of INR) against the car’s production year, with each bar’s length representing price and its vertical position corresponding to the year. The visualization uses D3 v5’s `scaleLinear` for the price axis and `scaleBand` for the year categories, with bars sorted by year in descending order. The `axisLeft` and `axisBottom` APIs label the axes, and the chart is rendered as an SVG using React, with data loaded from a CSV via `csv()` and preprocessed to convert prices to millions.

RRyanYun0017
74% match