Graph my organization

About the project

Graph my organization is a hackathon project at Indeed I developed and designed from scratch. As a data visualization user interface, this app represents one of the most challenging frontends to create and demonstrates a high skill cap.

One of the hardest parts was getting the html text to show up perfectly centered and still animate in and out when you deep dive a level in the bubble chart. I was also surprised with how well React and React state worked with D3. On the left panel, you can search an individual or rearrange the breakdown of the visualization. In the bubble chart, you start at the top level to see everything, but can zoom in to any level and drill down.

Technical details

• Indeed's employee data
• React, single page app.
• React-d3js
• D3 Bubble chart
• React-beautiful-dnd
• Indeed's design system theme and components.
• Cross-browser tested