Skip to main content
SimilarExport ZIP
100%

Assignment_7_Q1

✓ Published0🌍 Public
SSai Charan
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from HTML Starter

A reusable scatter plot compares monthly Sales against Profit, with points colored and shaped by region (North, South, East, West) using D3 v7 scales (d3.scaleOrdinal, d3.symbol). A tooltip appears on mouseover showing month, region, sales, and profit. The chart is built as a factory function (scatterPlot) with configurable margins and transition animations for point updates. Data comes from an inline CSV string parsed by d3.csvParse.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Question 2: Scatter Plot

A scatter plot visualizes the relationship between units sold and revenue, with each circle colored by region (North, South, East, West) and sized at 6 pixels. The chart loads CSV sales data from a GitHub gist using d3.csv, then renders interactive SVG circles with D3 v7 scaleLinear, axisBottom, and axisLeft. Hovering enlarges circles via mouseover and mouseout events, while horizontal gridlines and a legend improve readability.

Sshreshnaanugu@gmail.com
81% match
Loading thumbnail…

Q1

A reusable scatter plot visualizes company performance by mapping Sales to the x-axis, Profit to the y-axis, and scaling circle radius to Expenses. Semi-transparent blue circles reveal data density and overlap. Built with D3.js v7, the example loads a CSV file via `d3.csv`, then uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for proportional sizing, and `d3.axisBottom`/`d3.axisLeft` to render the chart in an SVG container.

Ddeepthinaidu2001@gmail.com
81% match
Loading thumbnail…

Assgnment_7_Q4

This area chart visualizes monthly sales data from a small inline CSV dataset, showing sales values across twelve months from January to December. The visualization uses D3.js v7 with an SVG rendering approach, combining a filled area path with an overlaid line and circular data points. The chart employs `d3.area()` and `d3.line()` with monotone interpolation to smooth the curve, while `d3.axisBottom` and `d3.axisLeft` provide labeled axes. Interactive tooltips appear on mouseover, displaying the month and sales value for each point.

SSai Charan
81% match
Loading thumbnail…

Assignment2_Question1(AreaChart)

This area chart visualizes long-term sales performance across four regions (North, South, East, West), using a stacked layout to show the total sales composition by year. Built with D3 v7, it reads CSV data, parses years, and applies `d3.stack()` with `d3.stackOffsetNone` to create the layered areas, colored via `d3.schemeCategory10`. The chart includes axes, labels, and a legend, with interactive tooltips that display region-specific sales values on mouseover using the `pointer-events` attribute and custom HTML tooltip styling.

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

Assignment_7_Q3

This line chart shows monthly sales figures across a calendar year, with a smooth curved line connecting twelve data points from January through December. Users can hover over any circle marker to see a tooltip displaying the exact month and sales value. The visualization uses D3 v7 with SVG rendering, employing d3.scaleLinear for the x and y axes, d3.line with curveMonotoneX for the path, and d3.csvParse for loading the embedded dataset. Axis labels clarify the month and sales dimensions.

SSai Charan
80% match
Loading thumbnail…

Assignment_7_Q2

This pie chart visualizes total expenses aggregated by region from an inline CSV dataset containing monthly sales, profit, expenses, and region fields. The D3.js (v7) code uses `d3.rollup` and `d3.sum` to aggregate expenses per region, then renders SVG slices with `d3.pie` and `d3.arc`. Interactive tooltips appear on mouseover showing the exact expense value, while slice labels display percentage shares (hidden below 5%). A legend with color-coded rectangles identifies each region and its total expenses, using `d3.scaleOrdinal` with the `schemeTableau10` color scheme.

SSai Charan
80% match
Loading thumbnail…

Activity8_Q3

This scatter plot visualizes monthly sales figures, showing a notable sales spike in October and December. Built with D3 v7, the SVG chart uses `d3.scaleLinear` for both the x and y axes, with `d3.axisBottom` and `d3.axisLeft` generating the tick marks. Each data point is rendered as a circle whose fill color alternates between black and red based on its index, with points positioned via the scales' `cx` and `cy` attributes. The data comes from a CSV file containing month names and sales values in USD.

Jjyothirmai318@gmail.com
79% match
Loading thumbnail…

Ice7Q1

This interactive scatter plot visualizes Microsoft sales data, plotting revenue against profit for different product categories and scaling each point’s radius by order count. Hovering reveals a tooltip with category, revenue, and profit details. Built with D3.js v3, it uses `d3.svg.axis`, linear scales, and `d3.scale.category10` for coloring. Data loads from an external CSV file, and the chart is rendered as an SVG with mouseover transitions controlling tooltip opacity. The reusable `scatterPlot` function configures dimensions, margins, and accessor functions.

Ssrujana reddy
78% match