DatArt

An interactive, classroom-ready worksheet for working with data (filtering + quick questions), built with pure HTML/CSS/JavaScript.

Overview

Artidata is a small web page designed to help students practice:

• reading a dataset (artists),
• filtering data using multiple criteria,
• answering questions based on evidence from the table.

Open it in a browser and start exploring—no setup required.

Features

• Artists table rendered from an in-file JavaScript dataset
• Filters
  • Name (text search)
  • Style (dropdown)
  • Place (dropdown)
  • Birth year (number)
• 5 quick questions with per-question “Check” buttons
• Show correct answers button (reveals solutions without deleting student input)
• Minimal, high-contrast UI

Built with

• HTML
• CSS (embedded in index.html)
• Vanilla JavaScript (no libraries)

File structure

• index.html — everything in one file (UI, styles, data, and logic)