Real Estate Investment ROI Calculator

ROI (Return on Investment) Calculator

This interactive real estate investment calculator evaluates property performance by computing monthly cash flow, cash-on-cash ROI, cap rate, and a 10-year projection of equity and cash flow. Users adjust purchase price, financing, income, and expenses in a React form, with D3.js rendering an animated SVG bar chart of the cash flow breakdown and a multi-line projection chart with hover tooltips. The visualizations use d3.scaleBand, d3.scaleLinear, d3.line, and ResizeObserver for responsive sizing.

91% match

1826 Brookview Road, Castleton On Hudson, NY: Real Estate Investment ROI(Return on Investment) Calculator

This interactive real estate ROI calculator evaluates a specific property at 1826 Brookview Road in Castleton On Hudson, NY, displaying key financial metrics such as monthly cash flow, cap rate, and cash-on-cash ROI. Users adjust property details, financing, and expense inputs through a form, which triggers real-time recalculations. The results panel visualizes monthly cash flow components as a bar chart and projects ten years of investment performance with D3.js line charts, with interactive tooltips and toggleable metrics. Built with React, SVG, and D3.js v7, the interface supports tabbed views for cash flow, projections, and a detailed summary table.

80% match

Fork of React & D3 Vibecoding Starter

This example visualizes a year-over-year comparison of six housing market metrics between March 2024 and March 2025, including housing inventory, new listings, closed sales, pending sales, average mortgage rate, and median home price. Grouped bar charts display absolute values for each year, with hover-revealed percentage change labels and interactive metric selection via click. Built with React and D3 v7, the code leverages `d3.csv` for data loading, `scaleBand` and `scaleLinear` for scales, and `axisBottom`/`axisLeft` for axes, with a custom `ResizeObserver` for responsive sizing.

68% match

Rrichardcorreia@my.unt.edu

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.

66% match

Fork of Fork of React & D3 Vibecoding Starter

This dashboard compares market share among AI platforms through two interactive donut charts, one for chatbots and one for search engines, using visit data from 2023-2025. Users can filter by platform type, sort by visits, year-over-year change, or name, and limit the displayed entries. Built with React and D3 v7, it uses d3.pie, d3.arc, and ResizeObserver for responsive SVG rendering, with tooltips showing visit counts, previous year figures, YoY change, and percentage share of each platform type.

Rrichardcorreia@my.unt.edu

RC page2.html

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.

Fork of York Funding Data Dashboard - Filter other charts after selecting the chart

This dashboard displays housing metrics for 16 U.S. cities with multiple coordinated views—a bar chart of median home prices, scatter plot of price vs. income, pie chart, bubble chart, box plot, heat map of correlations, and a line chart—overlaid on one tall canvas. Users select a city in any chart to highlight it across all views and see a details panel, or click a chart’s background to isolate that view. The React app uses d3.scaleBand, scaleLinear, pie, arc, and correlation calculations (quantile, median) driven by the CSV data, with D3’s join API and animated opacity transitions for responsive filtering.

Fork of React & D3 Vibecoding Starter

This interactive dashboard visualizes total traffic to twenty AI platforms from April 2024 to March 2025, distinguishing chatbots from search engines through color-coded bars. Users can filter by platform type, sort by visits or year-over-year change, limit displayed entries, and toggle YoY indicators. Built with React 18 and D3 v7, it renders SVG charts with animated transitions, featuring interactive tooltips, hover effects, and a reset button. Data loads from a local CSV file, while ResizeObserver handles responsive scaling of the visualization.