Case study • Academic project

Solid State Of Js

An interactive visualization of JavaScript framework trends.

Summary

A data visualization inspired by State of JavaScript that compares frontend framework survey data across multiple years. The application uses SolidJS to render framework-specific data and CSS Grid to create a structured comparison layout across categories such as retention, interest, usage and awareness.

Role: Frontend Developer
Areas: Frontend development
UI
UX
Data visualization
Data handling
Testing
Tech stack: SolidJS
TypeScript
Vite
CSS
CSS Grid
Solid Router
Cypress
Languages

Highlights

SolidJS to build the interactive data visualization.
CSS Grid to structure the chart and data layout.
createMemo to efficiently derive chart data.
For to dynamically render the visualization data.
Solid Router to handle navigation between views.
Cypress to test important user interaction flows.