All experiments

Lab 03 Technology map

Explore the tools behind my projects.

This map connects technologies used in my work. Select a tool to see the projects it appears in, or use the filters to narrow the view.

Filter by project
A still of the map: blue dots for the tools, joined by lines where two were used on the same project.

Choose a tool

Select a dot in the map to see the tool and the projects where I used it.

Tools that come up most on this site

  1. 23 on this site
  2. 22 on this site
  3. 18 on this site
  4. 16 on this site
  5. 15 on this site
  6. 13 on this site
  7. 12 on this site
  8. 12 on this site
  9. 12 on this site
  10. 12 on this site
  11. 12 on this site
  12. 11 on this site
  13. 11 on this site
  14. 11 on this site
  15. 11 on this site
  16. 10 on this site
  17. 9 on this site
  18. 7 on this site
  19. 6 on this site
  20. 6 on this site

Each dot is a tool I've used. A line connects tools used together on a project. Select a dot to see the projects behind it, or choose a project to narrow the map.

Drag to rotate. Scroll or pinch to zoom. Choose Done exploring to return to normal page scrolling.

Larger dots are tools that show up in more of my projects here. Thicker lines mean two tools were used together more often. Each dot's color marks its category; open Key to see which is which. Pause motion freezes the map, and reduced motion settles it once and stops.

How it's built

I work out the layout once, when the site is built: a 3D force simulation pushes tools apart and pulls together the ones that share projects. Your browser only draws the result, so dragging a dot moves that dot and nothing else.

The data is prepared at build time. Each tool is a node, and two tools get an edge when they shipped in the same engagement, thicker when it happened more often.

Selection, hover, and the project filter all read the same node list the rest of this site is built from.

How I built this site

Say hello.

Tell me what you'd like to build or improve.

Quick navigation

Find a page.

Use the arrow keys to choose a result, Enter to open it, or Escape to close.