Skip to main content
SimilarExport ZIP
100%

Assignment 6 - Manisha (Housing Prices)

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE-7-Assignment-7

This scatter plot visualizes the relationship between average housing prices and square footage across 50 randomly generated data points. The visualization uses a blue circle for each data point, positioned along the X-axis for average price and the Y-axis for average square footage. The code constructs the chart using D3.js version 6, employing `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.select`/`d3.append` for SVG element creation. Axis labels are added to clarify the data dimensions.

Ssowmyakancharla01@gmail.com
74% match
Loading thumbnail…

ra_assignment_2

This visualization shows the relationship between house area and price in a dataset loaded from a CSV file, using an area chart to display the trend of rising prices as square footage increases. The D3.js v6 code sorts the data by area and applies linear scales for both axes, then generates the shaded area using the `d3.area()` API with a green fill and opacity. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while the SVG output includes labeled axes and a title. The chart is built with `d3.select`, `d3.csv`, and an SVG container, displaying points where the y-axis represents price in dollars and the x-axis represents area in square feet.

RRukmini Devi Y
74% match
Loading thumbnail…

Activity6_Task3_Question

This interactive scatter plot visualizes housing prices against area, with color encoding furnishing status (furnished, semi-furnished, unfurnished) using a d3.scaleOrdinal with green, orange, and red. The SVG renders circles from CSV data loaded via d3.csv, with linear scales for axes, axis labels, a title, and a legend. D3 v6 handles all layout and styling through d3.select, scaleLinear, axisBottom, and axisLeft.

RRishithaGarnepudi@my.unt.edu
73% match
Loading thumbnail…

Activity8_Question2

This chart shows the percentage distribution of monthly housing costs across five home types: Studio, Apartment, House-Owned, House-Rental, and Shared Space. Three cost brackets—below $1000, $1000–$3000, and above $3000—are displayed as stacked horizontal bars, with each segment colored according to a `d3.scaleOrdinal` color scale. The data, loaded from `MonthlyCostOfLiving.csv`, is processed using `d3.stack`. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft` for axes, and an interactive tooltip appears on mouseover to show the exact percentage for each cost range.

Zzoe.romo@att.net
72% match
Loading thumbnail…

Assignment 2 - Area Chart

The chart displays household monthly expenses as a blue area chart with a line overlay, showing spending trends across months on a time-series axis. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` to generate the smoothed curve and filled region. The SVG rendering includes styled gridlines, axis labels, and a title, with data loaded from a remote CSV file containing date and spending values.

Ddandudivya98@gmail.com
72% match
Loading thumbnail…

Assignment-3-Ques2-SiriGayatri

This visualization shows regional housing price trends over time using a stacked area chart. The chart displays price changes across multiple regions, with each region represented by a gradient-filled area that stacks to show the total market composition. The visualization uses D3.js (v7) with SVG rendering and several specific APIs including `d3.area()`, `d3.stack()`, `d3.scaleTime()`, and `d3.curveMonotoneX`. The data is loaded from a remote CSV file containing housing prices by region and date.

Ssirigayatri16@gmail.com
71% match