alamode

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_element: "#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" 
      		}
     )