Skip to main content
SimilarExport ZIP
100%

act6-question9

✓ Published0🌍 Public
RRayabarapu Nikhitha
Last edited Oct 25, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

A bubble chart visualizes advertising data, showing TV and Radio budgets on the x- and y-axes while the area of each circle encodes Sales figures. The visualization employs D3 v7 with `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, `d3.scaleSequential` with `d3.interpolateBlues` for color encoding, and `d3.axisBottom`/`d3.axisLeft`. Interactive tooltips appear on mouseover, and data loads from a CSV via `d3.csv`. Rendered as SVG with opacity and black stroke styling.

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…

act6-question6

This scatter plot visualizes the relationship between TV advertising spend and sales for a company, encoding each data point as a colored circle. The chart distinguishes high performers (sales greater than 15) in blue from lower performers in red, with a legend clarifying the color mapping. Built with React and D3 v7, the visualization loads CSV data from a GitHub repository, uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and renders circles via `d3.selectAll` and `.enter()`. Axis labels and a custom legend are added directly to the SVG canvas.

RRayabarapu Nikhitha
82% match
Loading thumbnail…

Activity6 Question4

A bubble chart displays electronics products with screen size on the x-axis, price on the y-axis, and horizontal resolution scaled to bubble radius using `d3.scaleLinear`. Built with d3.v7 and rendered as SVG circles, each bubble is green with red strokes at 50% opacity. Mouse events trigger tooltips showing brand, resolution, processor speed, and price. Data loads from `bubblechart.csv`, and animations occur through D3 transitions on tooltip opacity.

Ppslharika@gmail.com
81% match
Loading thumbnail…

Activity 6 - Question 4final

A D3.js bubble chart displays the relationship between television screen size, price, and vertical resolution, with each bubble's position encoding size and price, while its radius reflects resolution and color distinguishes brand. The visualization uses D3's scaleLinear for axes and bubble sizing, scaleOrdinal with interpolateTurbo for categorical colors, and interactive tooltips that appear on hover. Data is loaded from a local CSV file, and the animation-like transitions occur when tooltips fade in and out.

Gganeshrajuparmalla@my.unt.edu
80% match
Loading thumbnail…

Activtiy6-Question4

A bubble chart visualizes sales data for 19 employees, plotting cost of sales against profit, while bubble size encodes quantity sold and color distinguishes individual employees. The chart includes a legend for bubble size and a color legend. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.interpolateTurbo` for colors, and SVG circles. Interactive tooltips display employee names on mouseover. Data is loaded from a local CSV file.

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

Act6-question3

This stacked bar chart visualizes the breakdown of sales contributions from TV, Radio, and Newspaper advertising across five data points from the provided `data.csv`. It uses D3 v6’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and the `stack` helper to build a cumulative distribution. The SVG rendering applies an ordinal color scheme, axis callbacks, and a legend, all within a VizHub environment.

RRayabarapu Nikhitha
80% match
Loading thumbnail…

activity 6_task4_Q9

This interactive bubble chart compares products by price on the x-axis and sales volume on the y-axis, with bubble size encoding each product’s rating. Built with D3.js v7, it renders as SVG and uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radii, and `d3.scaleOrdinal` with `d3.schemeCategory10` to color-code product categories. Hovering a bubble triggers a tooltip showing detailed product attributes, while a legend identifies each category. Data is loaded from a local CSV file.

Cchandrikachowdary867@gmail.com
79% match
Loading thumbnail…

fork of activity_6_question_4

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

JJaswanthkota@my.unt.edu
79% match
Loading thumbnail…

activity 6_ task 6

This example visualizes advertising data from a CSV file, plotting TV spending against Radio spending using a scatter plot with colored circles that also encode Newspaper and Sales values through their radii. The visualization is rendered as an SVG using D3 v6, with scales created via `d3.scaleLinear` and axes generated through `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously using `d3.csv`, with each row parsed to numeric values before mapping to screen coordinates.

Ppravallikachowdary16518@gmail.com
79% match