Description

Data Visualizer is mini data visualization tool using data from the Open Trivia DB API (https://opentdb.com).

Features

1. Table

   • presents all fechtched questions
   • could be filtered
   • uses pagination

2. Grids

   • could present data in two different domains and series ("Category" and "Difficulty")
   • could dispaly data filtered to particular categories or difficulties
   • after click on each bar section you can get more detailed, filtered data in table
   • multi select fields allows for filtering options and contain "All" which allows for selecting all other fields (user friendly)

3. Navigation bar

   • navigation buttons light up to indicate your current location in the application (user friendly)

4. Light and dark mode support

Tech stack

• TypeStript
• React.js
• Recharts
• Tanstack Router
• Tanstack Table