Cristalyse Docs

The grammar of graphics visualization library that Flutter developers have been waiting for

Welcome to Cristalyse

Finally, create beautiful data visualizations in Flutter without fighting against chart widgets or settling for web-based solutions.

Cristalyse brings the power of grammar of graphics (think ggplot2) to Flutter with buttery-smooth 60fps animations and true cross-platform deployment.

Quick Start

Get your first chart running in 30 seconds

Chart Types

Explore scatter plots, line charts, bars, and more

Interactive Features

Add tooltips, pan/zoom, and click handlers

Chart Gallery

Real-world examples and complete code samples

Why Choose Cristalyse?

Grammar of Graphics API

Familiar syntax if you’ve used ggplot2 or plotly. Build charts by layering data, mappings, and geometries instead of wrestling with rigid chart widgets.

Native 60fps Performance

Leverages Flutter’s rendering engine, not DOM manipulation. GPU-accelerated performance that handles large datasets without breaking a sweat.

True Cross-Platform

One codebase → Mobile, Web, Desktop, all looking identical. No platform-specific chart libraries or inconsistent rendering.

Professional Features

Dual Y-axis support, stacked/grouped bars, interactive tooltips, SVG export, and custom theming for business-grade dashboards.

Quick Example

Here’s how easy it is to create your first chart:

import 'package:cristalyse/cristalyse.dart';
import 'package:flutter/material.dart';

class MyChart extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final data = [
      {'x': 1, 'y': 2, 'category': 'A'},
      {'x': 2, 'y': 3, 'category': 'B'},
      {'x': 3, 'y': 1, 'category': 'A'},
      {'x': 4, 'y': 4, 'category': 'C'},
    ];

    return CristalyseChart()
      .data(data)
      .mapping(x: 'x', y: 'y', color: 'category')
      .geomPoint(
        size: 8.0,
        alpha: 0.8,
        shape: PointShape.triangle,
        borderWidth: 1.5,
      )
      .scaleXContinuous()
      .scaleYContinuous()
      .theme(ChartTheme.defaultTheme())
      .build();
  }
}

Result: A beautiful, animated scatter plot that works identically on iOS, Android, Web, and Desktop.

What You Can Build

Business Dashboards

Revenue vs conversion rate with dual Y-axis support

Data Analytics

Interactive scatter plots with hover tooltips

Time Series

Multi-series line charts with smooth animations

Financial Reports

Stacked bar charts for budget breakdowns

User Metrics

Area charts showing engagement over time

Mobile Apps

Touch-friendly charts with pan and zoom

Perfect For

• Flutter developers building data-driven apps who need more than basic chart widgets
• Data scientists who want to deploy interactive visualizations to mobile without learning Swift/Kotlin
• Enterprise teams building dashboards that need consistent UX across all platforms
• Business analysts creating professional reports with dual Y-axis charts and advanced visualizations

Getting Started

1. Installation

   Add Cristalyse to your Flutter project with a single command

2. First Chart

   Create your first scatter plot in under 30 seconds

3. Explore Features

   Discover animations, theming, and interactive capabilities

4. Build Something Amazing

   Create production-ready data visualizations

Ready to get started? Install Cristalyse and create your first chart!