Made as part of a Udemy course. Uses React Hooks (useState, useEffect, useContext, useRef), Immer (useImmer, useImmerReducer), and React Router. Features client-side form validation. User can log in, sign out, chat, follow other users, and create and edit posts. Netlify front end and Heroku backend.

A choropleth map depicting educational attainment in US counties.  Made with D3 & React. User can hover over individual counties and see the relevant data.

A treemap depicting the top 100 best-selling video games of all time. Built with D3 & React. User can hover over each area and see the total sales for that game.

Heat Map made with D3 & React. Depicts the land-surface temperature by month from 1753 – 2015. Makes use of D3’s band scale and color schemes; user can hover over each month and see the associated data.

A scatterplot made with D3 & React. Depicts doping in professional cycling. User can hover over each dot and see the rider’s info and more details.

Bar chart made with D3 & React depicting the US GDP by quarter from 1947 – 2015. User can hover over each individual bar and see each quarter’s details.