Skip to main content
SimilarExport ZIP
100%

Assignment 6 – Manisha (Combined Bar + Line Chart)

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

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.

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
87% match
Loading thumbnail…

Assignment 6 - Manisha (Multi-Series Chart)

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.

Kkonudulamanisha@gmail.com
85% match
Loading thumbnail…

Assignment 6

This bar chart shows total sales aggregated by product line, using a simple grouped bar layout where each bar’s height encodes the summed sales value. The chart is built with D3 v7, loading data from a CSV file and using `d3.rollup` to group and sum sales per product category. SVG rectangles are scaled with `d3.scaleBand` and `d3.scaleLinear`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The title and rotated x-axis labels complete the visualization, rendered entirely in SVG.

BBhargav Reddy
73% 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
72% match
Loading thumbnail…

Assignment 6 sowjanya

This bar chart displays the average sales for each product category from a store dataset loaded from a GitHub-hosted CSV file. The visualization uses D3 v7 and renders as an SVG, with `d3.scaleBand` mapping product names to the x-axis and `d3.scaleLinear` mapping average sales values to the y-axis. The code aggregates the raw data using `d3.rollups` and `d3.mean` to compute per-product averages before drawing steelblue rectangles. Both axes are labeled, and a chart title is added above the plot.

Ssaisowjanyaedupuganti.24f@gmail.com
72% 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
71% match
Loading thumbnail…

combined(bar + line)Assignment 6

This visualization combines a bar chart and a line chart to show monthly climate trends for rainfall (in millimeters) and average temperature (in Celsius), using a dual-axis layout with the bars scaled to the left axis and the line to the right. The SVG rendering is built with D3 v7, leveraging `d3.scaleBand`, `d3.scaleLinear`, and the `d3.axis` utilities to construct the axes, while the line is drawn via `d3.line` appended as a path. Data is fetched from a remote CSV URL and aggregated by `Month_Index` using `d3.rollups` with mean calculations for both metrics. A legend, axis labels, and an annotation for the peak rainfall month complete the chart.

Ssaisowjanyaedupuganti.24f@gmail.com
71% 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
71% match