Random Walker with D3.js.
Allow path to walk until it reaches the bounds of the svg. Use random number to determine direction, then update path data. Inspired by Coding Train Coding Challenge
sarahcodes.dev sarahob
This block was inspired by Tim Urban's TED talk Inside the mind of a master procrastinator
Each square represents a week in your lifespan, the grid assumes your lifespan is 90 years, enter your age and you can see how much time you've already wasted!
A bit of a motivator to get out there and start doing!! Or ya know start tomorrow and just watch cat videos! :)
Basic implementation of a progress bar using D3 that transitions between statuses. A reusable d3 progress bar component can be found here: https://github.com/sarahob/d3ProgressBar
Just a quick and dirty implementation to see what transitioning between random text would look like...
Transition between rectangle and circle using Mike Bostock's pathTween function from here (http://bl.ocks.org/mbostock/3916621)
A simple paint app using D3.js based on Mike Bostock's Line Drawing example: line drawing