Skip to main content
SimilarExport ZIP
100%

final_iter

✓ Published0🌍 Public
Ssuhaibuddinahmed10@gmail.com
Last edited Dec 1, 2024
Created on Dec 1, 2024
Forked from Activity 7_q2

A grouped bar chart compares annual totals for Hail, Tornadoes, and Winds across four damage categories: property loss, crop loss, injuries, and fatalities. It aggregates CSV data from three separate Google Drive sources, summing each metric per event type. The visualization uses D3.js version 6’s `scaleBand` for the categorical axes and `scaleLinear` for the value axis, rendering four distinct colored bars per group via SVG rectangles. An ordinal color scale maps each category, with legends and axis labels generated using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7_q2

This grouped bar chart compares three severe weather types—hail, tornadoes, and winds—by aggregating four damage metrics: property damage, crop loss, injuries, and fatalities. The data loads from three separate Google Drive CSV files and sums each metric per weather category. Built with d3.v7, it uses nested band scales (x0 for categories, x1 for sub-bars) and a linear y-scale, rendering SVG rectangles colored via `d3.schemeCategory10`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with a responsive margin-based layout.

Ssuhaibuddinahmed10@gmail.com
83% match
Loading thumbnail…

2010

This horizontal bar chart shows the frequency of tornadoes per month in 2010, sourced from a local CSV file. It uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis to position bars. The axes are customized with `axisBottom` and `axisLeft`, including a tick format that abbreviates large numbers, while gridlines and axis labels are manually styled.

Vvaideheeshah13
72% match
Loading thumbnail…

final project

A grouped bar chart displays the distribution of letter grades (A through F) across five self-reported stress levels, using counts from a CSV dataset of student grades and mental health. The visualization reveals how grade frequencies vary by stress category. The code uses D3 v7 with `d3.csv`, `d3.rollups`, and `d3.scaleBand` for the nested bar layout, plus SVG rendering for all marks and axes. An ordinal color scale maps grades to categories, with a legend provided.

Ssarikakannikanti@gmail.com
71% match
Loading thumbnail…

final project

This bar chart displays the average student grades (on a 3-point scale where A=3, B=2, C=1) grouped by self-reported stress level, sorted from highest to lowest average grade. The visualization uses D3 v7’s `d3.csv` to load remote CSV data about student grades and mental health, then applies `d3.group` and `d3.mean` to aggregate values. Rendered as SVG rectangles with a `d3.scaleBand` x-axis and `d3.scaleLinear` y-axis, bars change color on hover via CSS.

Ssarikakannikanti@gmail.com
70% match
Loading thumbnail…

White Hat Bar Chart

This example shows annual rainfall totals from 2014 through 2021 as a simple bar chart, with each bar’s height encoding millimeters of rain and axes labeled for both year and rainfall length. The visualization is built with D3 v7 in an SVG container, using `d3.scaleBand` to position bars and `d3.scaleLinear` to map rainfall values to pixel heights. The code loads data from an external CSV file via `d3.csv`, then renders bars with `container_g.selectAll(".bar")` and adds bottom and left axes using `d3.axisBottom` and `d3.axisLeft`. A rotated text label and custom tick format (`d + "mm."`) annotate the chart.

PPranay Matalia
69% match
Loading thumbnail…

final project

This bar chart visualizes the relationship between students’ stress levels and their average grades, grouping data by low, medium, and high stress. The visualization uses D3 v7 to load a CSV file from a GitHub gist, aggregate averages with `d3.rollup`, and render the results as SVG rectangles. It employs `scaleBand` for the categorical x-axis and `scaleLinear` for the y-axis, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The chart’s rotating axis labels and centered annotations clarify the stress-level categories and grade values.

Ssarikakannikanti@gmail.com
69% match
Loading thumbnail…

final 2 sai_tej_2

This dashboard presents three linked charts analyzing a sales report dataset loaded via `d3.csv`. It shows product distribution by size as a bar chart, by color as a pie chart using `d3.pie` and `d3.arc`, and by category as another bar chart. Each chart uses `d3.rollup` to aggregate counts, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. Tooltips appear on hover, and all visualizations render as SVG elements in separate divs.

Ttallurisaiteja96@gmail.com
68% match
Loading thumbnail…

Bar chart TT

This example displays a vertical bar chart of yearly values from a CSV file, using D3 v4 (loaded via both a CDN link and the `d3.v4.js` script). The visualization uses SVG rendering with the `d3.select` and `d3.scaleBand`/`d3.scaleLinear` APIs to map years and values to bar positions, while `d3.axisBottom` and `d3.axisLeft` generate the axes. The bars are drawn as `rect` elements, styled with a class from the provided CSS.

Hhanulik.ondrej@gmail.com
68% match