Skip to main content
SimilarExport ZIP
100%

3Q_Module-6_Assgnmt

✓ Published0🌍 Public
RRuthvik Bairaboina
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from D3 Starter

A stacked dashboard of two SVG charts visualizes 150 days of simulated environmental data from a CSV file. The top multi-series line chart maps temperature, humidity, and air-quality index over time using `d3.line` and `d3.scaleOrdinal` for series colors, with axes and a legend. Below, a combined chart pairs bars for the air-quality index (`d3.scaleBand`, rects) with a temperature line over the same x-axis. Both charts share a common day axis, built with D3 v7 scales, axes, and shape primitives.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q3_Ice6

This visualization presents daily weather data through two D3.js v7 SVG charts: a multi-series line chart and a combined chart. It uses `d3.csv` to load data, `d3.rollups` with `d3.mean` to aggregate values by date, and `d3.line` with a monotone curve to render temperature, humidity, and rainfall trends over time. The line chart includes gridlines, axes, and a legend, while the second chart combines multiple mark types. Data is sourced from a remote CSV file containing date, temperature, humidity, rainfall, and wind speed columns.

SSaiSriSuryaBandaru@my.unt.edu
80% match
Loading thumbnail…

Activity6_Task2-Question3

This stacked bar chart visualizes the first 30 days of Delhi climate data, showing how the daily values for mean temperature, humidity, wind speed, and mean pressure contribute to a total for each day. The code uses `d3.csv` and `d3.autoType` to load the data, then employs `d3.stack` and `d3.scaleBand` with a color ordinal scale to render the stacked rectangles in an SVG. It uses `d3.axisBottom` and `d3.axisLeft` for the axes, with a manually positioned legend.

Kkrunalpatel@my.unt.edu
76% 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
76% match
Loading thumbnail…

A6 Charts

This example presents three coordinated data visualizations built with D3.js v7 and rendered as SVG. It demonstrates a bar chart of daily cigarette consumption in Australia from 1980 to 2012, a diverging bar chart of minimum temperatures across Colorado weather stations, and a scatterplot of cereal nutritional data. The code uses D3's `scaleBand`, `scaleLinear`, and `scaleSequential` APIs to construct the charts, which are loaded from CSV files via `d3.csv`. A color legend is generated using the `d3-svg-legend` library, and the visualizations include axis labels and titles.

MMiaya South
75% match
Loading thumbnail…

Fork of Activity_7.1.1_Question_2

This chart visualizes monthly temperature data as an area chart, with a semi-transparent lightsteelblue fill beneath a steelblue line. The SVG output is generated using D3 version 7, positioning months on the x-axis and temperature in degrees Celsius on the y-axis. The code fetches data from a GitHub Gist via `d3.csv` and constructs the visualization using `d3.scaleBand`, `d3.scaleLinear`, and `d3.area`. Both axes include labels and tick marks, with the chart contained within a page that centers the 700x400 pixel graphic.

Aadityatrip9899@gmail.com
75% match
Loading thumbnail…

Assignment 4

Three linked D3.js v7 views explore one year of synthetic air-quality data from eight urban stations: a deviation heatmap shows how daily PM2.5 departs from each station’s baseline, a slope chart compares winter and summer means, and a scatter plot fits `leastSquares` trend lines to NO2 versus PM2.5 for normal and wildfire-smoke days. Clicking any station highlights it across all views, while a `d3.brush` strip filters the date range. The SVG charts use `d3.scaleLinear`, `d3.axisBottom`, and `d3.group` for aggregation.

ZZubair Hasan
75% match
Loading thumbnail…

Assignment 2.1.1

This D3.js v5 pie chart visualizes the Air Quality Index by country, sourced from a CSV file hosted in a GitHub gist. The chart center displays the proportional slices, each colored via the ordinal category-10 color scheme, with a legend on the right listing country names and their corresponding Air Index values. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and layout, and `d3.csv` to load and parse the data. A title, styled with a sans-serif font, appears at the top of the SVG canvas.

VVenkataSatyaRamKamini@my.unt.edu
75% match
Loading thumbnail…

Qestion3_Ice7

This multi-line chart displays daily temperature variations across several cities, with each city represented by a colored line and identified through a legend. The visualization uses D3.js v7 to load CSV data from a remote GitHub gist, parse dates with `d3.csv` and `d3.autoType`, and render SVG paths using `d3.line` with a monotone X curve. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleTime` and `d3.scaleLinear` map dates and temperatures. A Tableau10 color palette distinguishes city groups via `d3.scaleOrdinal`.

SSaiSriSuryaBandaru@my.unt.edu
75% match