Skip to main content
SimilarExport ZIP
100%

activity-7.1-q5

✓ Published0🌍 Public
Ssanjanaadapa7@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This visualization shows the average applicant income across three property area categories: Rural, Semiurban, and Urban. The chart uses a filled area path rendered with D3's `d3.area()` generator, with an x-axis scale band and linear y-axis scale. Data is loaded asynchronously from a GitHub Gist CSV file and aggregated using `d3.rollups` with `d3.mean` to compute average incomes per group. The SVG output includes labeled axes for property area and income values.

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…

Activity-8_Q4

This interactive bubble chart visualizes the relationship between population and average income across major U.S. cities, with bubble size representing land area and color encoding individual cities. Built with d3.v7, the SVG visualization combines x and y linear scales for axes, a third scale for bubble radius, and an ordinal color scale using interpolateTurbo. Hovering reveals a tooltip showing city names, while a legend displays area values and city color-coded dots. The chart reads from a CSV file and includes animated opacity changes on mouse interactions.

SSree Yuktha Sunkara
75% 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
75% match
Loading thumbnail…

Activity7 Q1

This pie chart visualizes the distribution of population (in millions) across income brackets, using a dataset loaded from a GitHub gist. The chart is rendered as an SVG with slices colored by income bracket categories, and includes a legend and axis labels for context. The visualization is built with D3 version 7, employing the `d3.pie` layout, `d3.arc` for generating slice paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Data is parsed from CSV format and numeric values are coerced to numbers for aggregation.

SSai Gottumukkala
73% match
Loading thumbnail…

Fork of Activity 7

This example shows the distribution of applicant incomes for approved loans using a pie chart, with each slice colored according to income level and a legend mapping loan IDs to their corresponding income values. The visualization fetches CSV data from a remote GitHub gist using `d3.csv`, then computes the pie layout with `d3.pie()` and renders SVG paths via `d3.arc()`; the color scale is built with `d3.scaleOrdinal`. The legend text is formatted with `d3.format` to display values in thousands, and the SVG canvas is selected and manipulated through `d3.select`.

Lleelakrishnadivi7@gmail.com
73% match
Loading thumbnail…

Activity 7 Q2

This area chart visualizes expense amounts by subcategory, drawing from a remote CSV dataset. The visualization combines a semi-transparent steelblue area with an overlaid steelblue line to show trends. Built with D3 v6, it uses `d3.scalePoint` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.area` and `d3.line` generators to create the paths. The SVG output includes rotated x-axis labels and axis labels, with data loaded via `d3.csv`.

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

Question2_Activity7

This area chart tracks tourist park income month-by-month throughout 2022. The visualization uses a steelblue filled area with axes labeled "Month" and "Income" to display the data. The chart is built with D3.js v7, loading CSV data from a GitHub gist and rendering as an SVG. It employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area()` to generate the filled path, with `d3.axisBottom` and `d3.axisLeft` creating the labeled axes.

Aaparnachalumuri@gmail.com
73% match
Loading thumbnail…

Activity7.1 Q2

This example shows two distinct data visualizations in one page: an area chart tracking monthly salaries across 2023, and a pie chart displaying browser market shares. The area chart uses D3’s `d3.area` generator with time-scaled axes and explicit axis labels, while the pie chart loads CSV data via `d3.csv`, applies a `d3.pie` layout, and renders arcs with `d3.arc` and a color scale. Both visualizations rely on SVG rendering and D3 v6, with the pie chart adding an interactive legend.

SSiddhardha
72% match
Loading thumbnail…

Activity6_Task3

A scatter plot displays annual income against spending score for mall customers, with each circle colored pink or blue to distinguish female and male shoppers. The visualization uses D3 v6 to load the CSV dataset from a GitHub repository, then applies scaleLinear functions to map income and spending values to SVG coordinates. Axes are rendered using axisLeft and axisBottom, while circle positions and fills are set through data joins and a genre-based color function.

Jjtulasi05@gmail.com
72% match