alamode.js

A community-maintained library of visualizations for Mode reports

See the gallery of visualizations included in this library.

Quick Usage

1. Open the HTML editor in a Mode report.

2. Add alamode.js and alamode.css to your report by adding these two lines to top of your report's HTML.

   <link rel="stylesheet" href="alamode.min.css">
   <script src="alamode.min.js">
   

3. Add the customizable snippet for the chart you want to include and edit the options to fit your data.

   alamode.sunburstChart(
   {
   html_elemnt: "#sunburst-div",
   query_name: "My Sunburst Query",
   title: "A chart built with alamode",
   event_columns: ["event_1","event_2","event_3"],
   event_counts: "number_of_events" }
   )