leeorengel / alamode

A community-maintained library of visualizations for Mode reports

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A community-maintained library of visualizations for Mode reports

License:MIT License


Languages

Language:JavaScript 94.8%Language:CSS 5.2%