Create insightful visualizations and data experiences with our powerful framework. Get the complete guide for developers and analysts.
Install via npm or include our hosted CDN. All methods are fully supported and include the latest stable build.
npm install --save @etogat/visA basic HTML template to render your first visualization
<div id="visualization"></div>
<script src="/etoga/turisshi/latest.js"></script>
<script>
const vis = new EtogaVisualizer('#visualization', {
type: '3d-scatter',
data: { /* your data here */ }
});
</script>Available visualization types and common options. Configure everything from colors to interactivity.
Supported data formats and required JSON structure for different visualization types
{
"type": "timeseries",
"data": [
{ "x": "2024-01-01", "y": 120 }
]
}Learn different methods for integrating Turisshi into your project including npm, CDN and module systems.
Get detailed documentation on our supported visualization types with examples and best practices.
Support for different data formats including JSON, CSV, real-time streaming, and database integrations.
The core class used to initialize and configure visualizations.
new EtogaVisualizer(container: string/id, options: Object);
container
HTML string or DOM element
options
Visualization configuration
How do I create interactive dashboards with Turisshi?
Use the dashboard API and component system to build custom visualizations with filtering, controls and multiple chart types in a unified view.
What real-time integrations are available?
Turisshi supports Websockets, Server Sent Events, and REST polling out-of-the-box with configurable update intervals and data pipelines.
How can I customize the visual style?
All visualizations support custom theming through CSS variables and JSON-based styling parameters for complete control over visuals.
Access our GitHub repo for complete example implementations of common use cases.
GitHub RepositoryGet help from Turisshi developers and users in our active online platform.
Join CommunityOur developer advocates and documentation team can help clarify any part of our system. Ask any question.