Coder Social home page Coder Social logo

pcuthbert / visualization-plugins Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mstr-dev/visualization-plugins-deprecated

0.0 2.0 0.0 5.63 MB

This repository contains visualization plugins that fit to MicroStrategy's Web/Desktop platform.

JavaScript 94.98% CSS 2.98% HTML 1.33% ASP 0.37% Visual Basic 0.02% Java 0.32%

visualization-plugins's Introduction

###Description The purpose of this repository is to provide a space to share and collect independently created custom visualizations that can be used in MicroStrategy dashboards and documents. While MicroStrategy provides a number of graph types of out-of-the-box, this repository, along with our Community Custom Visualization Gallery, enables you to expand your pool of visualizations by downloading new types of graphs made by others.

Please note that this repository is a shared develeopment environment that contains independent contributions and experimental content. Please deploy these plugins at your own risk and adhere to the posted license.

If you would like to develop your own custom visualizations, you can create or modify graphs using D3.js, Google Charts, or other external frameworks, then use the MicroStrategy JavaScript framework to package them to work within the MicroStrategy platform. The overview below will point you in the right direction.

###How To Use ####Download visualizations from GitHub and deploy to MicroStrategy Web or Desktop

#####Option 1

  1. Clone this repository or download it as a ZIP file.
  2. Unzip and copy the visualization folders you want directly to your Web or Desktop plugins folder.
  3. Restart your MicroStrategy Web server or Desktop.

#####Option 2 (Desktop 10.2+)

  1. Clone this repository or download it as a ZIP file.
  2. Ensure the folders for the visualizations you want are individually zipped.
  3. Open Desktop. From the File menu, select Import Visualization and select a zipped visualization folder.

Note: The visualizations in this branch are designed for MicroStrategy 10. They should work in document Express/Interactive mode (Web) and dashboards (Web/Desktop). If you are looking for visualizations customized for MicroStrategy 9.4.1, please check the 9.4.1 branch.

####Build a new custom visualization Documentation on how to create a custom visualization can be found in the Developer Zone, under Creating an HTML5 Visualization. Creating your custom visualization typically requires only a few steps:

  1. Create a folder for your plug-in. Give it a meaningful name and save it under the plugins folder in your MicroStrategy Web or Desktop installation directory.
  2. Create a JavaScript file with the code to render the visualization. In this file, you add your own custom code to render the visualization. It uses the MicroStrategy JavaScript framework, as well as any other frameworks needed to render the visualization. Save it in javascript/mojo/js/source in the plug-in folder you just created.
  • Use the Data Interface API to connect the data MicroStrategy provides to your code that renders the visualization. You may need to transform the data yourself.
  • Use ENUM_RAW_DATA_FORMAT.TREE and ENUM_RAW_DATA_FORMAT.ROWS to get data in a format your D3.js visualization can likely more easily consume.
  1. Create a visualizations.xml configuration file. In this file, you define the visualization so that it is added to the visualization gallery for use in a dashboard or document. Save it under WEB-IN/xml/config in the plug-in folder you just created.
  2. Create a styleCatalog.xml configuration file. In this file, you define the style to render the HTML code for the visualization and any styles needed for optional actions. Save it under WEB-IN/xml in the plug-in folder you just created.

The Visualization Builder is a tool to help you build visualization plug-ins. A plug-in itself, it automates a lot of folder creation and other MicroStrategy-specific things you need to do to create your own visualization plug-in. You can also easily apply your code to MicroStrategy data to test behavior on-the-fly. You will need access to a MicroStrategy Web environment to use the Builder.

####Share Your Visualization We encourage you to share your visualizations and appreciate your contribution to the MicroStrategy community. To give others access to your custom visualizations:

  1. Fork this repo and clone it in your PC.
  2. Add your visualization or fix issues.
  3. Send a pull request.

###License The MicroStrategy Visualizations Sites terms and conditions at http://www.microstrategy.com/us/licensing apply to your access and use of this site.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.