test ver.

100%

✓ Published0🌍 Public

Last edited May 29, 2021

Created on May 29, 2021

This example presents a user-input form for collecting metadata about video uploads, including category, day, time, weather, and air quality. Built as a plain HTML page with inline JavaScript, it uses radio buttons organized into named groups to capture the five selections. The `get_X_INPUT()` function iterates over these node lists to store the chosen values in a `user_info` array, logging the result to the console. No external styling or rendering libraries are used beyond basic CSS and DOM APIs.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Input

This example demonstrates two groups of radio buttons for selecting options, with a form that captures and displays the chosen contact method as text output. The page combines static HTML form elements with a JavaScript event listener that uses the FormData API to log submitted values. Styling relies on CSS with monospace fonts, rem-based spacing, and a highlighted class for visual emphasis. The code uses standard browser APIs—including addEventListener, preventDefault, and querySelector—to handle form submission without any external visualization libraries.

Rross-fisher

67% match

Loading thumbnail…

upload tester

This example shows a file upload interface built with React. It displays file details such as name, type, size, and last modified date after a user selects a file. The component uses the `useState` hook to manage selected file state and a form data submission. It sends the file to the freeimage.host API via a `fetch` POST request using a placeholder API key. The rendered output conditionally shows file metadata or a prompt to select a file, and includes a submit button.

Ddleoenri

65% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple HTML quiz form that tests the user's knowledge of computer platforms, with radio buttons for Windows, Apple, and Unix. It evaluates the selected answer using JavaScript, increments a score counter for correct responses, and displays an alert if the answer is wrong. The page also shows the current time using the JavaScript `Date` object and `getElementById` to update the displayed timestamp. The code relies on vanilla HTML form elements, inline event handlers, and basic DOM manipulation without external libraries.

NNita

62% match

Loading thumbnail…

Untitled

This example demonstrates the use of vanilla JavaScript and CSS to handle basic user input and display dynamic text on a web page. It shows a prompt-based grade calculator that assigns letter grades (A through F) based on a numeric score, along with corresponding feedback messages, and also displays the current day of the week using a switch statement on `new Date().getDay()`. The page uses `document.write()` for output and a simple `style.css` file with a custom `g2` element style, though no React or specific data-visualization libraries are involved.

Wwoojinsong

60% match

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal HTML form for selecting words of interest, with checkboxes for “Show Rank,” “School,” and “Family,” and a submit button labeled “Rank.” The page uses plain HTML elements, including a `<form>` with `method="post"` and an `action` attribute targeting `/Tests/Post/`, along with a `<fieldset>` and `<legend>` for grouping. It relies on standard browser behavior for form submission, with no JavaScript or CSS styling applied, and does not include any data visualization or interactive rendering.

TThiago Domingues

59% match

Loading thumbnail…

React Radio Buttons

This example demonstrates a simple React user interface where two radio buttons, labeled Size and Count, toggle a selection. The interface uses React’s `useState` hook to track the currently chosen value, which is logged to the console on change. The `Radio` component receives an `onSelectedValueChange` callback prop, invoked with the selected `event.target.value` upon input change. Built with React 16.13.1 and rendered via `ReactDOM`, it showcases controlled component state management without any external data or visualization libraries.

NNarottam Medhora

59% 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…

Experiment Weather Test 2

A dropdown menu lets the viewer select among seven weather variables, and a line chart displays the selected time series across 20 time steps. The visualization pulls CSV data from a remote GitHub gist using `d3.csv` and parses a column of nested, bracket-delimited values with custom JavaScript string manipulation. Updates to the chart are animated with `transition().duration(1000)`, and the line color changes via an ordinal `d3.scaleOrdinal` with `d3.schemeSet2`. The SVG rendering uses standard `d3.line` and `d3.axisBottom`/`d3.axisLeft` for axes.

Rrxgran

58% match