activity 6_ task 6

100%

activity 6_ task 6

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

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.

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

80% match

Loading thumbnail…

act6-question9

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.

RRayabarapu Nikhitha

79% match

Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava

78% 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

76% 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

76% match

Loading thumbnail…

activity6_Q6

A scatter plot shows the relationship between two numeric columns from a CSV file of sales product details. The visualization uses D3.js v7 to load the data asynchronously, map values to linear scales, and render circles with an ordinal color scale based on a categorical group column. Axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`, while the SVG canvas is sized and positioned via `d3.select` and `attr`.

RRJVENKATESH789@GMAIL.COM

76% match

Loading thumbnail…

Task3.1_Activity6

This example visualizes data from a bubble chart CSV file as a scatter plot, mapping horsepower to the x-axis, torque to the y-axis, and highway MPG to bubble radius. It uses D3 v6 to load and parse the CSV, then applies linear scales with d3.scaleLinear for positioning and sizing. The SVG rendering includes axes via d3.axisLeft and d3.axisBottom, with green axis labels for Torque and Horsepower. The code imports D3 functions such as csv, select, scaleLinear, extent, and axis functions from the d3 library loaded via UNPKG, and uses window dimensions for a full-screen display.

Ssanjanadadi19@gmail.com

74% match

Loading thumbnail…

Activity 6 Task 4

This example shows a bubble chart that visualizes spatial data by mapping x and y coordinates to a scatterplot and a third size value to the radius of each circle. The chart loads CSV data from a GitHub repository using D3 v5’s `d3.csv` method, then renders the bubbles as SVG circles with a skyblue fill and semi-transparent opacity. It uses `d3.scaleLinear` for the x, y, and radius scales, and displays axes via `d3.axisBottom` and `d3.axisLeft`, with explicit axis labels. The SVG canvas is fixed at 800 by 600 pixels with defined margins.

Mmaheshchowdaryponnaganti@my.unt.edu

74% match