Fork of HTML Starter

Barchart

This bar chart visualizes BMW sales figures by model, using a static, vertical bar layout. Built with D3.js v7, the chart loads data from a CSV file via `d3.csv`, converts the sales values from strings to numbers, and renders the bars as SVG rectangles. The visualization includes a band scale for the categorical x-axis (`d3.scaleBand`) and a linear scale (`d3.scaleLinear`) for the y-axis, with axes generated using `d3.axisBottom` and `d3.axisLeft`. Hovering over a bar changes its fill from steel blue to orange.

GGorantla Vishnusai

83% match

Fork of ICE-6_fork

This horizontal bar chart shows the top five BMW car models ranked by sales volume, with each bar color-coded and labeled with its sales figure. The chart loads CSV data from a GitHub Gist using d3.csv, then sorts and slices the dataset to display only the leading models. React manages the interactive tooltip that appears on hover, while D3’s scaleBand and scaleLinear handle the axis mappings. SVG rendering, combined with custom gridlines and value annotations, highlights the highest-selling model.

Sskmriyaz0786@gmail.com

Ssaiabhishekmunnangi@gmail.com

Fork of Pathetic Bar Chart

This bar chart shows the average sales volume for each BMW model, computed from a CSV dataset of car sales spanning 2010 to 2024. The visualization uses D3.js to group the data by model and calculate the mean sales volume, then renders these aggregates as a series of rectangles. The chart is built with SVG, with axes rotated for readability, and bars that highlight on hover. The visualization is implemented as a React component that loads data asynchronously.

1 Final Stacked Bar Chart with HTML

This stacked bar chart visualizes BMW sales volumes from 2010 to 2024, segmented by car model with interactive region filtering. The animation, implemented with D3.js v7, smoothly transitions between regions while hovering over bars reveals detailed tooltips. The visualization uses SVG rendering with d3.stack for stacking and d3.rollups for data aggregation, sourced from a CSV file containing model, year, and regional sales data.

Final Stacked Bar Chart with HTML

This stacked bar chart illustrates BMW’s global sales volumes across 11 vehicle models from 2010 to 2024, with a set of filter buttons that instantly repopulate the visualization for different geographic regions. Built with D3.js v7 and HTML, the chart aggregates data from a CSV file, using `d3.rollups` to sum sales per model and year, and renders the result as an SVG with smooth animations. Interactive hover tooltips reveal detailed yearly figures, while a separate statistics panel computes regional totals and top-performing models.

1 Final Stacked Bar Chart with HTML

This interactive dashboard visualizes BMW model sales performance from 2010–2024, using a stacked bar chart to compare sales volumes across regions and years. Users can filter by geographic region, sort bars by total sales or specific models, and click bar segments or legend items to highlight individual models with smooth opacity transitions. Built with D3.js v7, the visualization uses SVG rendering with animated transitions and interactive tooltips, reading data from a CSV file containing model, region, year, and sales volume information.

Fork of ICE -6 (Bar Chart)

This horizontal bar chart shows the top 15 BMW car models ranked by sales volume, with each bar colored using a pastel ordinal scale from d3.scaleOrdinal. The data is loaded from a CSV file and sorted in descending order before display. Built with React and D3 v5, the visualization uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and SVG elements for rendering bars with hover effects and tooltips.

Sskmriyaz0786@gmail.com

81% match

Interactive Stacked Bar Chart of BMW volume of sales

This dashboard visualizes BMW sales data through an interactive stacked bar chart, showing sales volume by model and year. It includes summary cards with key metrics, insights highlighting top-selling models, and secondary charts for price trends and regional comparisons. Built with D3.js v7 and rendered as SVG, the visualization features region filtering via dropdown, hover tooltips for detailed information, and clickable legend items to highlight specific models. Data is loaded from a CSV file containing model, region, price, and sales volume fields.