A community-maintained library of visualizations for Mode reports
Switch branches/tags
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore first commit Jul 13, 2016
LICENSE Add MIT license Apr 19, 2017
README.md Fix typo in README Dec 16, 2016
alamode.css added linkingWithinReport Method Feb 13, 2017
alamode.js highchart annotations first pass Aug 16, 2018
alamode.min.css added linkingWithinReport Method Feb 13, 2017
alamode.min.js highchart annotations first pass Aug 16, 2018
properties.json added pivot table Aug 3, 2016

README.md

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