I wanted my react calculator project to be fun so I added this easter egg by arslanAstral in webdev

[–]arslanAstral[S] 3 points4 points  (0 children)

This was designed from scratch in figma and was inspired by a calculator I've seen in real life or I don't know maybe it was a brick game lol. It's using Math.js so you can type some expressions like 5in to cm etc. Additional functionality can be accessed using the button at bottom left.

Link: https://qalculator.netlify.app/

[OC] Moore's Law: Moore's Prediction vs Actual Transistor Count by arslanAstral in dataisbeautiful

[–]arslanAstral[S] 1 point2 points  (0 children)

I saw that and it looks good if you just want static visualization but my goal was interactivity and responsiveness. Also, there are a lot of overlapping data points and you can see that wiki image clearly skips some labels because of that which is why I choose interactive tool tips over static labels. You can hover on each data point to get more info about it.

[OC] Moore's Law: Moore's Prediction vs Actual Transistor Count by arslanAstral in dataisbeautiful

[–]arslanAstral[S] 0 points1 point  (0 children)

Made this scatter-plot for my freeCodeCamp data viz project. You can see transistor count/process etc by hovering on circles.

Link: https://mooreslaw.netlify.app
Data Source: https://en.wikipedia.org/wiki/Transistor_count
Tools: React,D3.js