shedd / alamode

A community-maintained library of visualizations for Mode reports

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" 
   	}
   )