Skip to main content
SimilarExport ZIP
100%

RC page2.html

✓ Published0🌍 Public
Rrichardcorreia@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 17, 2025

This interactive chart compares quarterly revenue and net income for companies in a financial ratios dataset. Users can filter by company via a dropdown menu and use zoom and pan controls to explore the data. The visualization combines orange bars for revenue with a dark green line and dots for net income, using dual y-axes. Built with D3.js v7, it renders SVG elements with animation, includes tooltips on hover, and loads CSV data from a GitHub gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

RC UNT Fork of Stylised Bar chart

This example visualizes quarterly financial ratios, displaying asset turnover as a bar chart where each bar is a sequence of quarterly dates, with gross margin and net income to revenue ratios appearing as red dots in a scatter plot. The controls allow filtering by company name and resetting zoom. The visualization uses D3.js v7 with SVG rendering and axes, and it includes zoom behaviors and hover tooltips for interaction. Data comes from a CSV file hosted on GitHub Gist, and the code is implemented in React.

Rrichardcorreia@my.unt.edu
83% match
Loading thumbnail…

Fork of RC UNT Fork of Stylised Bar chart

This interactive React dashboard visualizes financial ratios by combining a bar chart of asset turnover with a tooltip-driven interface. Data is loaded via `d3.csv` from a GitHub gist containing quarterly financial ratios. Users can filter by company using a dropdown menu and reset zoom on both charts. The bar chart uses `d3.axisBottom`, `d3.axisLeft`, and `scaleLinear` for positioning, with hover effects changing bar color. A second scatter plot appears to be included but is initialized without visible rendering logic in the provided code.

Rrichardcorreia@my.unt.edu
78% 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
75% match
Loading thumbnail…

RC 007 pie chart

This visualization presents the latest quarter’s data on durable versus nondurable goods as two animated pie charts. Each slice’s size reflects its value, with labeled connector lines and tooltips showing exact figures and percentages. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and color scales from `d3.scaleOrdinal` to render and update the SVG paths, polyline labels, and animated transitions.

Rrichardcorreia@my.unt.edu
74% match
Loading thumbnail…

company_growth.csv

This interactive bar chart visualizes company profit across years from 2018 to 2030, sourced from a CSV file. It uses React to manage the component lifecycle and D3’s `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart. Clicking a bar highlights it and dims others, with state managed via React’s `useState` hook. The chart includes responsive sizing through a `ResizeObserver` and subtle hover transitions.

Ssrinath
72% match
Loading thumbnail…

Act6_ques4

This bubble chart visualizes the relationship between company revenue and profit, with bubble size encoding employee count for six named companies from an inline CSV dataset. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleSqrt` for bubble radii, and `d3.scaleOrdinal` with `d3.schemeTableau10` for color coding. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with labels indicating revenue and profit in millions of USD.

AAbhinavReddyKaripireddy@my.unt.edu
71% match
Loading thumbnail…

Ice7Q4

This interactive area chart visualizes Microsoft’s monthly revenue across product categories, with each category rendered as a semi-transparent filled region outlined by a colored line. The chart uses D3 v3’s `d3.svg.area()`, `d3.svg.line()`, and ordinal/linear scales, with axes labeled for month and revenue in dollars. A legend identifies categories, and hovering over an area triggers a tooltip showing the category name. Data is loaded from a remote CSV file via `d3.csv`.

Ssrujana reddy
71% match
Loading thumbnail…

Data Visualization - ICE-6 - Bar chart

This horizontal bar chart displays the top 10 companies by revenue in billions of dollars, sourced from a CSV file. Each bar’s length is proportional to the revenue value, scaled using `d3.scaleLinear`, while company names are positioned with `d3.scaleBand`. The chart renders as an SVG with React, using `d3.csv` to load data and a `useEffect` hook to fetch and parse it. Axis ticks and gridlines are drawn with `d3.axisLeft` and `d3.axisBottom` logic, and red fills highlight the bars.

Ssuchitra2602
71% match