Skip to main content
SimilarExport ZIP
100%

act6-question6

✓ Published0🌍 Public
RRayabarapu Nikhitha
Last edited Oct 25, 2024
Created on Oct 23, 2024
Forked from act6-tutorial3.2

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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
82% 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
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
79% match
Loading thumbnail…

Activity6_Question3

This example shows quarterly sales trends for five product categories (Electronics, Furniture, Clothing, Toys, Books) as a scatter plot with color-coded circles. The visualization uses d3.csv to load data from data.csv, then applies d3.scalePoint for the quarter axis and d3.scaleLinear for sales values, with d3.scaleOrdinal and d3.schemeCategory10 for color mapping. Circles are appended for each category per quarter, while axis labels and a legend are generated using d3.axisBottom, d3.axisLeft, and d3.select. The SVG rendering uses D3 v7 within a React project, producing a static chart with a white background and black-stroked data points.

Ggroup118sai@gmail.com
77% match
Loading thumbnail…

activity 6 question 3

This scatter plot shows the relationship between sales and profit, with points colored by product type using distinct D3 symbols (circle, square, diamond, triangle, and cross). It loads data from a CSV file and renders a scatterplot with axes, labels, and a shape legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for shape encoding, and d3.symbol to generate marker paths, while d3.axisLeft and d3.axisBottom draw the axes.

Ssairamisetti3829@gmail.com
77% match
Loading thumbnail…

activity6_question4

This bubble chart visualizes the relationship between marketing spend, revenue, and employee count for ten smartphone brands using a scatter plot with bubble size encoding employee numbers. The D3.js v7 implementation uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with the `d3.schemeSet3` color palette for brand differentiation. Interactive tooltips appear on hover, showing detailed metrics for each brand, while a legend identifies colors. Data is loaded from a CSV file using `d3.csv`.

Sshreshikaveerannagari@gmail.com
77% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
75% match
Loading thumbnail…

Scatter plot

This scatter plot displays the relationship between total ad spend and acquisitions for various delivery brands, with each circle representing a brand's performance. The chart uses a linear scale for both axes, with a grid and labeled axes for clarity. It is built with D3 v5, using `csv` to load data, `scaleLinear` for scaling, and `axisBottom` and `axisLeft` for ticks. SVG circles are rendered with a fixed radius, and the data comes from a CSV file containing management entities and brand metrics.

PPranav Revankar
74% match