Task8_Question4

100%

Task8_Question4

✓ Published0🌍 Public

Mmythripopuri2001@gmail.com

Last edited Apr 11, 2024

Created on Apr 11, 2024

This interactive bubble chart visualizes the net worth of Donald Trump’s assets in 2016, with bubble size representing each asset’s net value and color indicating whether its value changed up, down, or stayed the same from 2015. Toolbar buttons allow switching between grouping assets by type, change status, a scatterplot of change versus net value, and a geographic map using d3.geoAlbers. The visualization uses d3.forceSimulation physics for animated transitions, with hovering revealing detailed asset information. Data comes from Forbes via a CSV file, rendered as SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble Chart Template

This interactive bubble chart visualizes the estimated net worth of Donald Trump’s assets in 2016, using area to encode net value and position to convey spatial distribution. Built with D3 v4 and SVG, the chart renders each asset as a circle on a geographic layout, with tooltips providing detailed asset information. Users can click a button to toggle between displaying all assets and those with changes from the prior year, with smooth animated transitions. The visualization is based on Forbes data and highlights the relative financial significance of each asset through bubble size and positioning.

GGerardoFurtado

89% match

Loading thumbnail…

3rd task

Three synchronized D3.js v7 charts form an interactive dashboard for exploring billionaire data: a bar chart of net worth, a line chart of GDP growth from 2015 to 2022, and a pie chart of industry shares. Dropdown menus filter by country and industry, triggering updates to all visualizations. The bar and line charts update based on the selected country, while the pie chart filters by industry, with a tooltip on hover. All charts render as SVG and use scales and axes from the D3 API.

Nnitishsurneni@gmail.com

70% match

Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes employee statistics for major tech companies, plotting revenue on the x-axis and employee count on the y-axis. Each circle’s size encodes market capitalization, its color distinguishes companies via a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateViridis`. Data is loaded from a CSV using `d3.csv`. The SVG renders axes with `d3.axisBottom` and `d3.axisLeft`, and a tooltip appears on mouseover. A legend with dashed connector lines explains market-cap ranges, and hover interactions increase opacity.

Ccharankumarreddyveeramreddy@my.unt.edu

69% match

Loading thumbnail…

Activity6_Q4

A bubble chart displays foreign exchange rates for multiple countries across two years (2016 and 2017), using bubble size and color to encode the exchange rate values along a categorical x-axis and a linear y-axis. The D3 v7 application imports data from a CSV file, sorts it by rate, and renders an SVG with axes, labels, and interactive tooltips. It uses `d3.scalePoint`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for positioning, sizing, and coloring, with mouse events (`mouseover`, `mousemove`, `mouseleave`) showing detailed tooltip information.

Aanish6005@gmail.com

69% match

Loading thumbnail…

my project

This bubble chart compares the net worth of 45 billionaires against their country's GDP, using the x-axis for GDP and the y-axis for individual wealth. Each circle’s size is scaled by net worth, and a tooltip reveals the person’s name when hovered. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` for axes, sizing, and coloring, with axes drawn via `d3.axisBottom` and `d3.axisLeft`. Data is a static, hard-coded array.

Nnitishsurneni@gmail.com

68% match

Loading thumbnail…

Activity6_Task3_Q6

This animated bubble chart displays the relationship between revenue and profit for ten technology companies, with bubble size encoding revenue and color encoding geographic region. The visualization uses D3 v7's `scaleLinear` for the x and y axes, `scaleSqrt` for bubble sizing, and `scaleOrdinal` with `schemeCategory10` for colors. Each circle animates its radius from 0 to its final size using sequential `transition` delays of 300 milliseconds per bubble, creating a staggered entrance effect. The SVG rendering includes labeled axes and hover tooltips via the `title` element.

MManojsai Bangaru

68% match

Loading thumbnail…

ice 6

This bar chart displays the net worth of billionaires from the Forbes 2025 list, using horizontal bars on a rotated x-axis to show each individual's wealth in billions of US dollars. The visualization is rendered as an SVG with D3.js v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the value axis. Interactive tooltips appear on mouseover, showing the billionaire's full name and net worth through D3's transition system.

Vvaishnavgck@gmail.com

67% match

Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes data from a provided CSV file, using a force-directed layout to position circles whose size and color encode the dataset’s quantitative dimensions. The chart is built with D3 v7, leveraging `d3.forceSimulation` for the layout and standard SVG elements for rendering. Interactive hover effects increase opacity and stroke width, and a tooltip provides additional detail. The visualization relies on a local CSV file, with styling defined in an external stylesheet.

Ccharankumarreddyveeramreddy@my.unt.edu

67% match