Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_Question

✓ Published0🌍 Public
RRishithaGarnepudi@my.unt.edu
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity6_Question 3

This scatter plot displays real estate prices against square footage for 17 properties across European cities, with each city represented by a distinct color from the d3.schemeSet2 palette and labeled in a legend. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.scaleOrdinal for city colors. Interactive tooltips appear on mouseover using D3 transitions, showing city, size, and price. The SVG rendering includes axis labels, tick marks, and a color-coded legend positioned to the right of the plot area.

Ppraneeth.d555@gmail.com
83% match
Loading thumbnail…

Activity6Question3

This scatter plot compares house sale price against living square footage for King County properties, with each point colored by waterfront status using an ordinal color scale. The D3 v6 visualization loads CSV data from a GitHub repository, converts numeric fields, and renders circles on an SVG canvas. Axis labels, ticks, and a custom legend are drawn using `d3.axisLeft`, `d3.axisBottom`, and manual SVG elements, employing `scaleLinear` for both axes and `scaleOrdinal` for the two-category color encoding.

Aalapati98@gmail.com
82% match
Loading thumbnail…

Activity6_Question3

This scatter plot displays King County house sales, comparing price against square footage while distinguishing waterfront properties from non-waterfront ones using an ordinal color scale with blue and orange dots. The visualization loads data from a remote CSV file via `d3.csv`, parses numeric fields, and renders circles in SVG using `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for labeled scales. A custom legend built with SVG rectangles and text identifies the two color-coded categories.

CChandra Prakash Reddy Kalwakolu
81% match
Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between square footage and price for real estate properties across various European cities, with each point colored by city and a tooltip revealing detailed property information. Built with D3.js v7, it renders as an SVG using `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `d3.schemeSet2` for color encoding, and interactive mouseover events to show tooltips. The visualization also includes a legend listing all cities, with data loaded from the local `data.csv` file.

Ggouthamigongidi2457@gmail.com
80% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
79% match
Loading thumbnail…

Activity-7.1 Q1

This visualization shows housing costs across different urban areas as a pie chart. The code loads data from a CSV file and uses d3.pie and d3.arc to generate the sectors, with d3.scaleOrdinal assigning distinct colors to each location. The SVG rendering includes a legend displaying the urban area names alongside their corresponding color swatches. The dataset is fetched asynchronously from a GitHub gist, and the chart updates dynamically once the data is loaded.

Ttarun.chintada46@gmail.com
78% match