Backgrounds

The Background of This Page

The background of this website is powered by particles.js, a nice library for network animations. I chose it since networks are one of my favourite ways to reveal the hidden structure in data.

In this page you can play with networks using the control panel on the right to adjust the background - - - >.

Looking for my personal background? Click here.

The Logo

I created this version of a well-known image because it captures something I believe in: unity is power, and collective action can overcome even the most powerful individual.

      
        ▾ Basic Settings
      
            > interactivity.events.onhover.mode = bubble
          
          // What happens when you hover
        
            > particles.number.value = 50
          
          // How many fish are swimming around
        
        ▾ Appearance
      
            > particles.size.value = 10
          
          // Fish size in pixels
        
            > particles.opacity.value = 0.7
          
          // Fish transparency (0 = invisible, 1 = solid)
        
        ▾ Speed & Motion
      
            > particles.move.speed = 6
          
          // Swimming speed (pixels/frame)
        
            > particles.size.anim.speed = 2
          
          // How fast fish grow/shrink (0 = no animation)
        
        ▾ Connections
      
            > particles.line_linked.distance = 150
          
          // Max distance for connections between fish
        
            > particles.line_linked.width = 1
          
          // Thickness of connection lines
        
            > particles.line_linked.opacity = 2
          
          // How visible the connection lines are
        
        ▾ Interactivity
      
            > interactivity.modes.repulse.distance = 200
          
          // How far fish flee from your cursor (hover mode: repulse)
        
            > interactivity.modes.grab.distance = 400
          
          // Distance to create connections (hover mode: grab)
        
            > interactivity.modes.grab.line_linked.opacity = 0.8
          
          // Opacity of hover connection lines (hover mode: grab)
        
            > interactivity.modes.push.particles_nb = 4
          
          // How many fish spawn when you click
        
Hover to interact with the fish. Click to spawn more.