Skip to main content
SimilarExport ZIP
100%

ra_assignment_2

✓ Published0🌍 Public
RRukmini Devi Y
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Activity 6

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE-7-Assignmnet-7- Area Chart

This example uses an area chart to display the average US housing price from 2010 to 2022, with values rising from $220,000 to $460,000. The visualization is rendered as an SVG in D3 v6, using the `d3.area` generator with a monotone X curve to create the filled region and `d3.axisBottom` and `d3.axisLeft` for the axes. The code uses hardcoded sample data, and labels the axes "Year" and "Average Price ($)" with steelblue dots marking each data point.

Ssowmyakancharla01@gmail.com
75% match
Loading thumbnail…

Activity6_Task3 Question 3

A scatter plot displays the relationship between house size (in square feet) and house price (in USD), with points colored by neighborhood category (red, green, blue). It loads a CSV from a GitHub URL using `d3.csv`, parses numeric fields, and scales the axes with `d3.scaleLinear` and `d3.extent`. The SVG chart is rendered via D3 v6, using `d3.axisLeft` and `d3.axisBottom` for labeled axes, with circles positioned through joins on the selection.

Vvemulasai306@gmail.com
75% match
Loading thumbnail…

Area chart

This area chart visualizes the number of houses sold in the United States per year. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map data points, with d3.area and curveBasis creating the filled path. Axis labels and titles are styled via CSS. The source data is a CSV of yearly sales figures loaded through d3.csv.

CCH SAMPATH
75% match
Loading thumbnail…

Activity6_Question3

This interactive scatter plot shows the relationship between square footage and price for real estate listings across multiple cities, with each city assigned a distinct color in a legend. Built with D3 v7 and SVG, the visualization includes labeled axes and hover tooltips that display property details. The code uses `d3.csv` to load the in-memory data, `d3.scaleLinear` for both axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for city-based coloring. Circle elements represent individual properties, and mouseover events trigger a transition-based tooltip update.

Kkamalini.ponnuru11@gmail.com
75% match
Loading thumbnail…

area chart

This area chart displays yearly sales data loaded from an external CSV file, with the x-axis representing years and the y-axis representing sales figures. Using D3 v7, the visualization generates an SVG area path filled in steel blue, with axes and labels for both dimensions. The code employs `d3.area()` to create the filled region, `d3.scaleLinear()` for both scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes, all appended to a single SVG element sized at 800 by 400 pixels.

Rr79162810@gmail.com
75% match
Loading thumbnail…

Fork of Fork of task-9(2)

This area chart displays house prices across three locations—Rural, Urban, and Suburban—with a steelblue filled path and labeled values. Built with D3 v7, it uses `d3.area()` to generate the path, `scaleBand` for the x-axis, and `scaleLinear` for the y-axis. The SVG includes axes via `axisBottom` and `axisLeft`, with prices formatted as dollar amounts. A title annotation appears at the top, and the static dataset is hardcoded in the script.

DDivyaKota2@my.unt.edu
75% match