Skip to content

docs

Adding a data visualization

  1. Write down the name of the data visualization...
  2. reducer value, to get and set:
  3. file / component name:
  4. title:
  5. Add button to press
  6. DiscordSideBarLeft.js for discord
  7. KeybaseQuerySelect.js for keybase
  8. Run reducer function when button is called to update context
  9. DATA_VIZ_SELECT for discord
  10. GRAPH_CONTROLS for keybase
  11. Create component
  12. Copy the template component
  13. Rename the file
  14. Set the correct name of the component function
  15. Import component and add if statement to render the component
  16. DiscordRenderDataViz.js function renderDataViz for Discord
  17. KeybaseRoot.js function renderGraph for keybase

Files with DataViz names

  • DiscordSidebarLeft.js and KeybaseQuerySelect.js

backend_api

{
  dataset : "STRING",
  query_name : "STRING",
  inputs : {
    NAME_1 : "OBJECT DATA",
    NAME_2 : "OBJECT DATA",
    NAME_3 : "OBJECT DATA"
  }
}

dataset

  • discord
  • keybase
  • git

query_name

  • discord
  • most_messages_per_user
  • keybase
  • git