Skip to main content
SimilarExport ZIP
100%

Assignment 6 - Manisha (Multi-Series Chart)

✓ Published0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

This multi-series line chart compares average housing metrics across cities using normalized 0–100 values to share a single y-axis. The dark-themed SVG visualization plots three data series for average price, area, and bedrooms, sourced from a GitHub-hosted CSV file. The code aggregates the data with `d3.rollups`, sorts cities by name, and normalizes each metric against its maximum. Using `d3.scalePoint` for the categorical x-axis and `d3.scaleLinear` for the y-axis, it renders the lines, rotated tick labels, and a color-coded legend, all styled through D3 version 7’s standard API.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6 - Manisha (Housing Prices)

This combined bar-and-line chart displays average housing prices and average living areas across multiple cities. The visualization aggregates a CSV housing dataset using `d3.csv` and `d3.rollups`, computing mean values per location. Blue bars represent average price on the left axis, while a red line with point markers shows average area on the right axis. The chart uses `d3.scaleBand` and `d3.scaleLinear` for positioning, with `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight` for tick marks. The SVG rendering includes rotated city labels and a custom legend for both metrics.

Kkonudulamanisha@gmail.com
88% match
Loading thumbnail…

Assignment 6 – Manisha (Combined Bar + Line Chart)

This visualization combines a bar chart and line chart to compare the average price and average area of homes across six Texas cities. The steel-blue bars represent average price, while the red line and overlaid circles show the average area, using dual left and right y-axes. Created with D3 v7, the graphic uses `scaleBand`, `scaleLinear`, `axisBottom`, `axisLeft`, `axisRight`, and `line` to encode the data, all rendered as SVG elements on a dark background with a manually drawn legend.

Kkonudulamanisha@gmail.com
85% match
Loading thumbnail…

Assignment _6(Multi series chart)

This multi-series line chart visualizes monthly climate trends, comparing average temperature, rainfall, and humidity across aggregated city data. The chart uses a shared y-axis to display all three metrics, with distinct colored lines and a legend for identification. The code loads CSV data via `d3.csv`, aggregates it with `d3.rollups`, and scales axes using `d3.scaleLinear`. Lines are drawn with `d3.line` paths, while gridlines and axes are rendered using `d3.axisLeft` and `d3.axisBottom`. A highlighted circle annotates the peak temperature point.

Ssaisowjanyaedupuganti.24f@gmail.com
78% match
Loading thumbnail…

Assignment 8 -- Multi-Series Line Chart V7

This example shows a multi-series line chart comparing daily average temperatures in New York, San Francisco, and Austin over a period of several months. The visualization uses D3 v7 with SVG rendering to draw three smooth lines, one per city, with interactive features that dim unrelated lines on hover and allow users to toggle each city’s visibility by clicking its legend label. Zooming is supported via `d3.zoom` with a time-scaled x-axis, and the line geometry is generated using `d3.line` with `curveBasis`. Data is loaded from a TSV file.

Vvishusikka
77% match
Loading thumbnail…

Assignment 6 - Manisha (Scatter Plot)

This scatter plot displays company financial data (Revenue, Expenses, and Profit) over time, using year on the x-axis and dollar amounts on the y-axis. Each point is colored by financial type, with hover interactions revealing an HTML tooltip showing year, type, value, and employee count. The chart is built with React and D3 v7, using `scaleLinear`, `axisBottom`, and `axisLeft` for scaling and axes. Data comes from an embedded CSV parsed with `csvParse`. Points are rendered as SVG circles with gridlines and a custom legend.

Kkonudulamanisha@gmail.com
75% match
Loading thumbnail…

Assignment 6

This multi-series line chart visualizes yearly average global temperatures from 1948 to 2023, comparing maximum, mean, and minimum temperature trends using three colored lines (red, blue, and green). The visualization aggregates daily temperature records from a CSV file by year using d3.rollup, then renders the aggregated data as an SVG with d3.line and curveMonotoneX. Points are sampled every fifth year as markers, with axes implemented via d3.axisBottom and d3.axisLeft. A legend identifies each metric, and the chart includes axis labels and a descriptive title.

BBhargav Reddy
74% match
Loading thumbnail…

Multi-Series Line Chart (ui5 MOOC)

This multi-series line chart visualizes the daily average temperatures of New York, San Francisco, and Austin over the course of a year, with each city represented by a distinct colored line. The data is loaded from a TSV file using d3.tsv, with dates parsed via d3.time.format and mapped to the x-axis using a d3.time.scale. The y-axis uses a linear scale, while color encoding is handled by d3.scale.category10. The visualization computes its domains using d3.extent, d3.min, and d3.max, and dynamically extracts the series names with d3.keys. Axes are rendered with d3.svg.axis, and the multi-series lines are drawn with d3.svg.line, all within an SVG container.

CCBasis
74% match
Loading thumbnail…

assignment 6

This dashboard presents four coordinated D3.js charts—a bar chart, scatter plot, multi-series line chart, and combined bar-line chart—to explore a synthetic 200-row retail dataset containing revenue, cost, profit, and units sold by category and month. The SVG-based visualizations, styled with CSS and built using D3 v7 APIs like `d3.rollup` and `d3.scaleBand`, show aggregate revenue by category, record-level units versus profit, monthly trends for three quantitative variables, and a dual-axis comparison of revenue (bars) with profit (line), complete with interactive tooltips.

Sshyamraghav12@gmail.com
74% match