SDV_Assignment 5

100%

SDV_Assignment 5

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

This bar chart displays the average energy consumption in kilowatt-hours for home appliances across different cities. The visualization aggregates a CSV dataset loaded via `d3.csv`, computing city-level means with `d3.rollups`. A `d3.scaleBand` maps cities to the x-axis, while a `d3.scaleLinear` handles the y-axis, with bars rendered as SVG rectangles. The page also presents a data summary and a sample table. The interface uses a pastel gradient background and loads data from a GitHub gist.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Home Appliances

A bar chart displays the average energy consumption in kilowatt-hours for each appliance type, using data from a 100-row CSV dataset of home electric appliance usage. The chart sorts appliances by descending average kWh and colors each bar distinctly, with a tooltip on hover showing the exact value. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.rollups` and `d3.mean` for aggregation, and `scaleBand` and `scaleLinear` for axes. Bars animate upward on load via a `transition()`, and dashed gridlines, rotated axis labels, and rounded bar corners enhance readability.

Mmaddulanagasanjana@gmail.com

86% match

Loading thumbnail…

Fork of D3 Starter

This example displays a bar chart of average energy consumption by household appliance, sourced from a CSV file. It uses D3 v7 to load the data, construct linear and band scales, and render SVG rectangles for the bars, with rotated axes labels. The visualization adds a descriptive title and applies a blue fill to each bar via the `d3.scaleBand` and `d3.scaleLinear` APIs.

Mmaddulanagasanjana@gmail.com

79% match

Loading thumbnail…

1Q_SDV_Assgnmt6

A bar chart displays the average annual temperatures of U.S. cities in degrees Celsius, sourced from a local CSV file. The chart uses a vertical bar for each city, with the y-axis representing temperature and the x-axis showing city names, which are rotated for readability. Built with D3 v7, the visualization employs `scaleBand` and `scaleLinear` to map data, `selectAll` to create SVG rectangles, and `axisBottom` with filtered tick values to manage crowded labels. The chart includes a title, axis labels, and a light gray background.

RRuthvik Bairaboina

77% match

Loading thumbnail…

Multi graph

This visualization combines bars and a line chart to compare average monthly users and average energy consumption across EV charging stations in different cities. D3 v6 parses CSV data from a GitHub gist, groups records by city, and computes mean values. The chart uses `scaleBand` for the x-axis, `scaleLinear` for dual y-axes, and `d3.line` to connect energy data points. React manages the loading state, while SVG rendering displays cyan bars, magenta line markers, and interactive tooltips for each city.

Sshreelasya.bezawada@gmail.com

75% match

Loading thumbnail…

Untitled

This bar chart displays monthly electricity consumption for a two-year period, using green and blue bars to represent different billing accounts. The visualization loads data from a local CSV file and renders an SVG graphic using D3.js version 3.5.17. The code employs d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for tick marks and labels. Month and year values are parsed with d3.time.format, while the vertical axis label is rotated using SVG transforms.

Vvenkatajayanth03

74% match

Loading thumbnail…

V5- OK at the mo - bar

A grouped bar chart displays total monthly energy consumption in kilowatt-hours for several building sites, with each bar representing a site's aggregate usage and color highlighting individual sites. The visualization uses D3 v5 with an SVG rendering, a band scale for site positioning, and a linear scale for the y-axis. Data is loaded from a CSV file, parsed with d3.timeParse, and aggregated using d3.nest() to compute site totals. Interactive tooltips appear on mouseover to show the precise consumption value, while bar hover effects change their fill color to orange.

Mmab3105

74% match

Loading thumbnail…

my DC-Multi BAR chart

This visualization displays monthly energy consumption in kilowatt-hours across multiple building sites, with each site represented by a distinct color. It combines bar charts and line graphs within small multiples, plotting time on the x-axis and energy values on the y-axis. The code uses D3 v5’s `csv`, `scaleBand`, `scaleLinear`, `axisBottom`, `axisLeft`, and `nest` functions to process the MonthData.csv file and render SVG elements. Colored bars show individual monthly readings, while overlaid lines and labels track each site’s trend over time.

Mmab3105

74% match

Loading thumbnail…

my - Testing BAR chart

This bar chart displays monthly energy consumption in kilowatt-hours across multiple building sites, with each bar representing a site’s total usage for a given month. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to position bars and map values, while `d3.nest()` groups the data by site and date. Data is loaded from a CSV file using `d3.csv`, and the SVG rendering applies a categorical color scale to distinguish sites.

Mmab3105

74% match