Introduction to Muze Studio
Muze Studio is currently in Early Access (EA) in version 10.15.0
Welcome to Muze Studio, a playground to create custom charts using ThoughtSpot's in-house library, Muze. Begin your journey here to expand your knowledge of ThoughtSpot's advanced data visualization capabilities. Each section is presented concisely, with step-by-step instructions alongside and code examples on the right.
What is Muze Studio?
Muze Studio is an integrated development environment within ThoughtSpot that allows you to create custom charts using the Muze library. With Muze Studio, you can design and build sophisticated visualizations directly in any Answer using a comprehensive code editor.
The code editor provides three components to build your charts:
- JavaScript editor: Use the Muze API to create complex charts with access to data from Sage search queries, DataModel for data manipulation, color palettes, formatters, and operators.
- CSS editor: Style your chart's look and feel by applying custom CSS to match your design requirements.
- HTML editor: Define chart containers and structure the layout for your visualizations.
Muze Studio empowers developers to create unique chart types that go beyond standard visualizations, with the ability to compose multiple layers, implement cross-interactions, and leverage advanced data transformations. Charts created in Muze Studio can be shared with other users who can copy and modify them for their own use.
What is Muze?
Muze is a powerful data visualization library that implements the Layered Grammar of Graphics concept. It enables you to create composable and interactive charts using JavaScript.
Core Concepts
DataModel as the Data Source
- Acts as the primary data model for mapping and managing data.
- Serves as the central data source.
- Provides robust operators for data transformation.
- Stores both metadata and data objects.
- Enables customization of chart behavior and interactions.
Grammar of Graphics-Based Approach
- Builds on the foundational principles of graphical representation.
- Encodings: Maps DataModel fields to visual properties.
- Layers: Combines data with visual elements (marks) for rich visual representations.
Chart Examples
Explore a collection of interactive charts built with Muze Studio. These examples showcase the diverse range of visualizations you can create, from simple bar charts to complex multi-layered compositions. Each chart demonstrates the power and flexibility of the Muze library.