Assignment 6

100%

Assignment 6 - Manisha (Scatter Plot)

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

Forked from Fork of ICE 6 Scatter Plot Chart

This scatter plot displays company financial data (Revenue, Expenses, and Profit) over time, using year on the x-axis and dollar amounts on the y-axis. Each point is colored by financial type, with hover interactions revealing an HTML tooltip showing year, type, value, and employee count. The chart is built with React and D3 v7, using `scaleLinear`, `axisBottom`, and `axisLeft` for scaling and axes. Data comes from an embedded CSV parsed with `csvParse`. Points are rendered as SVG circles with gridlines and a custom legend.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 6 Scatter Plot Chart

This scatter plot shows projected company financials—Revenue, Expenses, and Profit—from 2018 to 2030, with each point colored by category and interactive hover tooltips revealing year, value, and employee count. Built with React components and D3.js v5, it uses `scaleLinear` and `extent` for scales, `axisBottom` and `axisLeft` for axes, and `csvParse` on static CSV data. The SVG rendering includes custom grid lines, a legend, and drop-shadow effects on hover.

Ssowjanya

77% match

Loading thumbnail…

med

This animated scatter plot compares company financial metrics—Revenue, Expenses, and EmployeeCount—against Profit, cycling the x-axis variable every two seconds. Built with reusable D3 v6 modules, it uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles from the provided revenue CSV. The visualization demonstrates a modular chart pattern with configurable accessors, margins, and radius, while the SVG updates in place via D3’s data join and a `setInterval` loop. The dataset and styling (Share Tech font, full-window layout) come from the linked gist and local CSS.

Hharichandanamone21@gmail.com

77% match

Loading thumbnail…

Fork of Fork of Scatter plot

A scatter plot visualizes company financial performance from 2018 to 2030 using CSV data, encoding Revenue, Expenses, and Profit as colored circles whose size reflects employee count. D3 v7 API calls including `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom` render the SVG chart, while mouseover events trigger a positioned tooltip showing metric details. A legend distinguishes the three financial metrics, and a secondary legend maps circle size to employee numbers.

Ssowjanya

76% match

Loading thumbnail…

Company Data Scatter Plot

This scatter plot visualizes company data, showing the relationship between the number of employees and revenue, with the market value encoded by the size and color of each circle. The visualization uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.scaleSqrt`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft`. Data is loaded from a remote CSV file, rendered as SVG circles on a linear scale for both axes, with a square-root scale determining the circle radius. The plot uses colorful circles colored via `d3.scaleOrdinal` with the `d3.schemeCategory10` palette.

Bbogasamudramvamsikrishnareddy

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

76% match

Loading thumbnail…

This dashboard presents four coordinated D3.js charts—a bar chart, scatter plot, multi-series line chart, and combined bar-line chart—to explore a synthetic 200-row retail dataset containing revenue, cost, profit, and units sold by category and month. The SVG-based visualizations, styled with CSS and built using D3 v7 APIs like `d3.rollup` and `d3.scaleBand`, show aggregate revenue by category, record-level units versus profit, monthly trends for three quantitative variables, and a dual-axis comparison of revenue (bars) with profit (line), complete with interactive tooltips.

Sshyamraghav12@gmail.com

76% match

Loading thumbnail…

Assignment 6 - Manisha (Multi-Series Chart)

This multi-series line chart compares average housing metrics across cities using normalized 0–100 values to share a single y-axis. The dark-themed SVG visualization plots three data series for average price, area, and bedrooms, sourced from a GitHub-hosted CSV file. The code aggregates the data with `d3.rollups`, sorts cities by name, and normalizes each metric against its maximum. Using `d3.scalePoint` for the categorical x-axis and `d3.scaleLinear` for the y-axis, it renders the lines, rotated tick labels, and a color-coded legend, all styled through D3 version 7’s standard API.

Kkonudulamanisha@gmail.com

75% match

Loading thumbnail…

Assignment_7_Q1

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.

SSai Charan

75% match