Skip to content

Instantly share code, notes, and snippets.

View sxywu's full-sized avatar

Shirley Wu sxywu

2.3k followers · 9 following
View GitHub Profile
@sxywu
sxywu / README.md
Last active November 8, 2015 23:33
Image processing fun #2
@sxywu
sxywu / README.md
Last active November 9, 2015 02:00
Image processing fun #3
@sxywu
sxywu / README.md
Last active November 9, 2015 02:40
Image processing fun #4
@sxywu
sxywu / README.md
Last active November 9, 2015 08:36
Image processing fun #5
@sxywu
sxywu / README.md
Last active November 13, 2015 03:00
visfest block visualization 4
@sxywu
sxywu / README.md
Last active November 16, 2015 00:57
Image processing fun #6

Here, I took my twitter profile picture and used @enjalot's image downscaling tool to reduce the picture to 50x50 pixels. I then applied Atkinson Dithering, and mapped one of my tweets (sorted chronologically) to each filled pixel.

  • Opacity is mapped to the number of favorites that tweet received, and
  • Colored is mapped to the type of tweet: replies (yellow), retweets (green), and original tweets (blue).

--

Built with blockbuilder.org

@sxywu
sxywu / README.md
Last active November 18, 2015 07:24
Image processing fun #7

Here, I took my twitter profile picture and used @enjalot's image downscaling tool to reduce the picture to 50x50 pixels. I then applied Atkinson Dithering, and mapped one of my tweets (sorted chronologically) to each filled pixel.

  • Opacity is mapped to the number of favorites that tweet received, and
  • Colored is mapped to the type of tweet: replies (yellow), retweets (green), and original tweets (blue).

Hover over a circle to see tweet details.

--

Built with blockbuilder.org

@sxywu
sxywu / README.md
Last active October 7, 2023 02:54
The Force with React + D3, Approach #1

React + D3 exploration with the force layout:

  • React for structure
  • D3 for data calculation
  • React for rendering

Pro:

  • Clean, easy to reason about

Con:

  • Goes through lifecycle for every tick -> will not scale
@sxywu
sxywu / README.md
Last active May 26, 2019 16:01
The Force with React + D3, Approach #2

React + D3 exploration with the force layout:

  • React for structure
  • D3 for data calculation
  • D3 AND React for rendering
    • React for enter/exit
    • D3 for update

Pro:

  • Takes advantage of respective strengths
@sxywu
sxywu / README.md
Last active February 10, 2019 09:56
The Force with React + D3, Approach #3

React + D3 exploration with the force layout:

  • React for structure
  • D3 for data calculation
  • D3 for rendering

Pro:

  • The viz scales!
  • Use all the d3 functions!

Con: