Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Food Categorizer

Public visualization

Viewing a saved revision (read-only)

a6d9c05e30804ee9880677e693949c01

Food Categorizer

0 stars0🌍 Public
SSP Sanjay
Last edited Jan 8, 2020
Created on Jan 8, 2020
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page.

See also React Starter.