Skip to main content
SimilarExport ZIP
100%

tax

✓ Published0🌍 Public
Kkavi-kumaran
Last edited Jan 7, 2020
Created on Dec 30, 2019
Forked from HTML Starter

This interactive prototype presents a web-based form for orphanage registration, with fields for the orphanage's name, license ID, and address, along with file uploads for a stamp and signature. Upon submitting the form, it links to a generated donation receipt template that displays the entered donor information, orphanage details, and a line item for donated goods. The project uses HTML and CSS for page structure and styling, with D3.js v5 loaded for potential data manipulation. The receipt template reads from a CSV file containing donor and donation details, presenting a structured bill layout with maps to external resources like Bootstrap and Google Fonts.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Food Categorizer

This interactive form categorizes food donations by having users select a food item and enter quantity, donor details, and expiration time. The interface loads food data from `food.csv` using `d3.csv` and presents a styled HTML form with a green background and orange submit button. Upon submission, the `submit` event listener prevents default page navigation and processes the selected food value from the dropdown menu. The visualization relies on D3 v5 for data loading and vanilla JavaScript for DOM manipulation, with CSS providing the visual styling for the form elements and message display area.

SSP Sanjay
65% match
Loading thumbnail…

Donations Effects - fixed rect height

This visualization displays donation campaign data across categories, showing the proportion of total actions, COVID-19-related contributions, and other purposes as horizontal stacked bars with fixed rectangle heights. Interactive menu labels allow switching between aggregate totals, COVID-only, and other-purpose views. The bars use SVG patterns and masks to distinguish segments, with tooltips via `<title>` elements. Built with React and D3 v6, it employs `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and `csv` for loading external data.

Kkragovic
62% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive bill-splitting tool uses a form and flip cards to help users track shared expenses and debts between friends. The interface relies on standard DOM manipulation through HTML and CSS, with no external visualization libraries. The page displays a soft floral background image, styled input fields for transaction details, and hoverable cards that rotate to reveal expense information. The code references local images for visual examples and section descriptions, emphasizing a practical, clean design over data-driven graphics.

224cs077@kpriet.ac.in
61% match
Loading thumbnail…

Donations Effects - fixed rect height TEST

This stacked bar chart visualizes how donation amounts are split between COVID-19 and other purposes across different giving categories. Users can toggle between total donations, COVID-only, and other-purpose views via an interactive menu. The visualization uses React with D3 v6, employing `scaleBand` for the y-axis and `scaleLinear` for the x-axis, rendering SVG rectangles with fixed heights. A striped pattern masks the first segment to distinguish it visually, while tooltips show percentage values. Data comes from an external CSV file about giving methods.

Kkragovic
60% match
Loading thumbnail…

JS For Beginners

A basic HTML form demonstrates food categorization with a dropdown menu of South Indian dishes and a quantity input, styled with a green theme and a submit button. The page loads d3.v4 from a CDN, but the JavaScript logic in `index.js` only adds an event listener that prevents form submission without rendering any visualization. The `food.csv` file contains static data with food names, categories, color tags, and age tags, though this data is not actively used by the current code. The example appears to be an incomplete starter project for future interactive data visualization work.

Kkavi-kumaran
59% match
Loading thumbnail…

Donnors Pie Chart - React & D3.js

This example shows an interactive pie chart for donor contributions, with a table below that lets users choose which data attribute to visualize—overall proportions, COVID-19–related funding, or other purposes—by hovering over column headers. The chart recomputes the pie slices based on the selected attribute, which is passed up from the table via a state setter in React. The visualization uses D3’s `pie` and `arc` generators to compute the slice geometry and `interpolateRgb` to assign a color scale, while React renders the SVG elements and manages the dynamic state.

BbeauMarko
59% match
Loading thumbnail…

Simpler J.I. Bar chart

This interactive bar chart visualizes donor data in Croatia, showing the percentage of donation actions and amounts by donor type, with a toggleable breakdown for COVID-19 versus other purposes. Built with React and D3 v6, it renders SVG marks using `scaleBand` and `scaleLinear`, with interactive menu buttons that switch between total, COVID-19, and other categories. The chart uses striped overlays via SVG `<pattern>` and `<mask>` to distinguish overlapping data, with tooltips on mouse hover. Data comes from a CSV file loaded with `d3.csv`, and the legend updates dynamically based on the selected category.

Kkragovic
59% match
Loading thumbnail…

Assignment - 5

This page displays metadata about a Singapore tax return dataset, reporting its size in kilobytes, row count, and column count after fetching a CSV from a GitHub gist. The code uses D3 v7’s `d3.csv` to load the remote data and `d3.csvFormat` to measure its length. A CSS background image of a map is applied via `background-image` in the stylesheet, with results printed into a `<pre>` element. The page links to the raw dataset for direct viewing.

IIndhuKrishnaraj
59% match