Skip to main content
SimilarExport ZIP
100%

activity6_Q6

✓ Published0🌍 Public
RRJVENKATESH789@GMAIL.COM
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

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`.

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…

Activity 6 Q3

This scatter plot shows the relationship between sales amount and number of orders, with each point colored by product category (electronics, cosmetics, or clothing). The visualization loads CSV data from a GitHub gist, uses `d3.csv` to parse the dataset, and renders circles via SVG. It employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and a `d3.scaleOrdinal` to map categories to colors. A manually positioned legend explains the color coding at the bottom-right corner.

Kkrishi7079@gmail.com
85% 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
84% match
Loading thumbnail…

question3.6

A scatter plot displays sales data from a CSV file, plotting total sales on the x-axis and order numbers on the y-axis with circles colored by customer. The visualization includes axes, a legend, and interactive tooltips showing product and sales details. It uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, with SVG rendering and the Tableau10 color scheme.

Nnikhithaaitha22@gmail.com
83% match
Loading thumbnail…

Fork of Activity6_question3

This scatter plot visualizes sales data from a CSV file, showing the relationship between total sales and order number, with colors differentiating customers. It uses D3 v6's `scaleLinear`, `scaleBand`, and `scaleOrdinal` to map the data, rendering circles as SVG elements with axes, labels, a legend, and interactive tooltips that display product and sales figures on hover.

Kkandulasunny17@gmail.com
83% match
Loading thumbnail…

Activity-7_Q1

This pie chart visualizes product sales distribution across categories, using a standard D3 pie layout with labeled slices and a color-coded legend. The data is loaded from a remote CSV file via `d3.csv` and rendered as SVG. It uses `d3.pie()` for arc generation, `d3.arc()` for path construction, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical colors, with text labels positioned using `arc.centroid`.

1180030215cse@gmail.com
82% match
Loading thumbnail…

Activity6-Question3

This scatter plot displays product dimensions, plotting product length on the x-axis against product width on the y-axis, with colored circles indicating product categories: smart devices, home furnishings, and kitchen appliances. It loads CSV data from a GitHub repository using d3.csv, applies linear scales with d3.scaleLinear to map data values to pixel coordinates, and renders SVG circles using D3’s selection and join methods. The chart includes labeled axes created with d3.axisLeft and d3.axisBottom, with margins and a custom legend represented by the marker function.

Aaashishvinayvasala@gmail.com
82% match
Loading thumbnail…

Activtiy-6-q3

This scatter plot visualizes product details, with each point representing a product’s width and length, colored by category (smart devices, home furnishings, or kitchen appliances). The chart uses D3 v7’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, position marks, and render axes in an SVG. Product dimensions are parsed from a GitHub-hosted CSV file, and points are drawn as circles with a fixed radius, while axis labels are styled green.

Sswapnadabburi@my.unt.edu
82% match
Loading thumbnail…

Activtiy6-Question3

This scatter plot visualizes product dimensions from a Superstore dataset, displaying product length on the x-axis and product width on the y-axis. Each circle represents a product, with colors distinguishing categories: skyblue for electronics, lightgreen for furniture, orange for kitchen, and gray for others. The visualization uses D3.js v7 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` to generate axes. Data is fetched from a raw GitHub CSV URL, with circles positioned using the `cx` and `cy` attributes and styled via a color mapping function.

Ssowmyaammula.sdv@gmail.com
82% match