ICE-6 Assignment Sheshidhar reddy shaga

ICE-6 Sheshidhar reddy cars

This visualization displays the top 10 car models by sales units using a horizontal bar chart. The bars are rendered as SVG rectangles within a React component, with scales created using d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Data is loaded asynchronously from a CSV file using d3.csv, which parses the numeric units field. The chart includes custom axis ticks and gridlines drawn with SVG line and text elements, while all layout and margin calculations are handled manually in the React render method.

91% match

Fork of ICE-6 Sheshidhar reddy cars

This bar chart shows the top 10 car models by unit sales, with each bar's length proportionally scaled to the number of units sold. The visualization uses React and D3 v5, with the `csv` function fetching data from a GitHub-hosted CSV file and `scaleBand` and `scaleLinear` mapping the categorical car names and numeric unit counts to pixel coordinates. The SVG rendering draws blue rectangle bars, axis ticks, and labels, while the `max` function determines the x-axis domain. The page title "Top car sales" frames the chart for the viewer.

Fork of ICE-6 Sheshidhar reddy cars

Fork of ICE-6 Sheshidhar reddy cars

ICE-6.1

This bar chart displays the top 10 car models by selling price, sourced from a CSV file fetched via D3's `csv` function. Using React with D3 v5, the code maps car names to a band scale and prices to a linear scale, rendering red horizontal bars. Axes are drawn with `scaleLinear` ticks and `scaleBand` domains, and the SVG output highlights the comparative pricing of each vehicle.

AABCDB15

ICE-6:Sai Meghana

A bar chart displays the top 10 car prices from a CSV file, using a linear x-scale and a categorical y-scale. The chart visualizes the price of each car as a horizontal bar, with labels on the y-axis and tick marks on the x-axis. Built with React and D3 v5, it uses `d3.csv` to fetch data, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the numeric axis, rendering as SVG.

Eeravellisaimeghana

ICE-6:Sai Meghana

This example shows a horizontal bar chart of the top 7 SUV cars ranked by price, with each bar labeled by car name and value. The visualization uses React to manage the component state and render SVG elements, while D3 v5 provides scales and data loading through `d3.csv` and `d3.scaleBand`/`d3.scaleLinear`. Data comes from a CSV file of car prices, filtered to the first 10 entries, with grid lines and tick labels generated from `xScale.ticks()`.

Eeravellisaimeghana

86% match