Skip to main content
SimilarExport ZIP
100%

activity6_Task 5

✓ Published0🌍 Public
Ppravallikachowdary16518@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between primary language, country, and category for major YouTube channels. The chart displays circles on a scatter plot, where the x-axis represents average country metrics and the y-axis represents average language metrics. Circle size encodes a third variable, while color distinguishes different channel categories. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping with interpolateTurbo, and includes interactive tooltips on mouseover events. Data is loaded from a GitHub-hosted CSV file, with the chart rendered as SVG with animated transitions.

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…

Activity8_Task4_Q10

This bubble chart shows the correlation among subscribers, likes, and comments for twenty YouTube channels. The x-axis maps subscriber counts, the y-axis maps likes, and the circle radius encodes the comment count, with a legend showing the range. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and SVG rendering with hover tooltips that display channel statistics.

LLakshmi Keerthi
81% match
Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes the correlation between height, weight, and age across multiple countries. Each circle's x-position represents height, y-position weight, and its radius encodes age, with color differentiating countries via a categorical turbo color scale. Built with D3.js v7, the SVG chart includes axes, a size legend for age, and interactive tooltips displaying country names on hover. The code utilizes `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data dimensions, with data loaded from a CSV file.

Ppadiginetivishnupriya@gmail.com
73% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the popularity, average salary, and job postings for various programming languages. It encodes popularity on the x-axis, salary on the y-axis, and the number of job postings as the size of each bubble, with colors distinguishing each language. The visualization is built with D3 v7, using `d3.scaleLinear` for axes and bubble sizing, and `d3.schemeCategory10` for color assignment. Interactive tooltips appear on hover, displaying the exact values for each language. The data is loaded from a CSV file.

Nnalinreddy96@gmail.com
73% match
Loading thumbnail…

Activity_6-Question-4

This bubble chart visualizes the correlation between three metrics for various hashtags: number of mentions, engagement rate, and reach. Each circle's x-position maps to mentions, y-position to reach, and its radius encodes engagement rate, with color distinguishing the hashtag. It includes a legend for engagement rate values and a color legend for hashtags. Built with d3.v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for encoding, and renders as SVG with interactive tooltips on mouseover. The data comes from the provided `bubblechart.csv` file.

Aabdul.khader2899@gmail.com
71% match
Loading thumbnail…

Activity6-Question4

This bubble chart shows the global distribution of language speakers, plotting native speakers on the x-axis and total speakers on the y-axis. Circle size encodes total speakers via the square root, and labels identify each language. The visualization uses d3.scaleLinear for axis scaling and d3.select to manage the SVG rendering, with data loaded from a CSV file. Circle styling and text labels are applied via CSS classes.

Ssowmyaammula.sdv@gmail.com
71% match
Loading thumbnail…

shivani ice7

This scatter plot visualizes the relationship between subscriber counts and total views for the top 10 YouTube channels, with circle size encoding channel rank and color distinguishing country of origin. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, rendering as SVG with interactive hover tooltips. The chart also includes a custom legend built with D3 selections. Data is loaded from a local CSV file using `d3.csv`.

Bbodushivani2601@gmail.com
70% match
Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the relationship between happiness scores, GDP per capita, and life expectancy across 30 countries, with bubble size encoding life expectancy and color distinguishing seven global regions. The visualization uses d3.v7 to implement SVG rendering, including scaleOrdinal for regional color mapping, scaleSqrt for bubble sizing, and scaleLinear axes for GDP and happiness dimensions. A tooltip reveals detailed country metrics—including social support, freedom, generosity, and corruption—on hover. The chart reads from a static CSV dataset and employs transition methods to animate tooltip opacity and bubble styling during mouse interactions.

Vvidyagangasani@my.unt.edu
70% match
Loading thumbnail…

Interactive Bar Chart Bonus ICE

This interactive bar chart displays the share of subscribers across YouTube channel categories, using a sample dataset. Hovering over a bar dims it, highlights its value with a dashed reference line, and labels every other category with its percentage difference from the selected one. The visualization uses D3 v5 with a React scaffold, rendering SVG bars with mouseenter and mouseleave handlers, value text, axes, and grid lines via d3.axisBottom and d3.axisLeft.

SSrujana390
70% match