​

📊 Progress Bar Charts

• Multiple Orientations: Horizontal, vertical, and circular progress bars
• Advanced Styles: Stacked, grouped, gauge, and concentric layouts
• Theme-Responsive: Full dark mode and custom palette support
• Robust Validation: Comprehensive input validation and error handling

// Stacked Progress Bar
CristalyseChart()
  .data([
    {'project': 'App', 'stage': 'Design', 'progress': 30.0},
    {'project': 'App', 'stage': 'Development', 'progress': 50.0},
    {'project': 'App', 'stage': 'Testing', 'progress': 20.0},
  ])
  .mappingProgress(category: 'project', value: 'progress', group: 'stage')
  .geomProgress(
    style: ProgressStyle.stacked,
    orientation: ProgressOrientation.horizontal,
  )
  .build()

• Enhanced SEO with comprehensive metadata
• Custom 404 page with helpful navigation
• Subscribable RSS feed for updates
• Fixed all broken links
• Improved contextual menu copy

​

🤖 MCP Server Integration

• New documentation guide for connecting Cristalyse docs to AI coding assistants (Cursor, Windsurf, Warp, Claude)
• Enable AI assistants to access complete documentation, examples, and best practices directly in your IDE
• Setup instructions: Add "cristalyse_docs": {"url": "https://docs.cristalyse.com/mcp"} to MCP settings

​

🌈 Gradient Color Support (Experimental)

• Category-specific gradients with categoryGradients property
• Support for Linear, Radial, and Sweep gradients
• Advanced alpha blending that respects animation transparency
• Works with bar charts and scatter plots

CristalyseChart()
  .data(data)
  .mapping(x: 'quarter', y: 'revenue', color: 'quarter')
  .geomBar()
  .customPalette(categoryGradients: {
    'Q1': LinearGradient(colors: [Colors.blue, Colors.cyan]),
    'Q2': RadialGradient(colors: [Colors.red, Colors.orange]),
  })
  .build()

​

🔥 Built-In Legend Support

• Simple .legend() method with smart defaults
• 8 flexible positioning options (topLeft, topRight, bottom, etc.)
• Automatic symbol generation based on chart type
• Full dark mode support with theme-aware text colors

CristalyseChart()
  .data(salesData)
  .mapping(x: 'quarter', y: 'revenue', color: 'product')
  .geomBar(style: BarStyle.grouped)
  .legend() // That's it! ✨
  .build()

​

🎨 Custom Category Colors

• New customPalette() method for category-specific colors
• Smart fallback system for unmapped categories
• Perfect for corporate dashboards and brand consistency

final platformColors = {
  'iOS': const Color(0xFF007ACC),      // Apple Blue
  'Android': const Color(0xFF3DDC84),  // Android Green
  'Web': const Color(0xFFFF6B35),      // Web Orange
};

CristalyseChart()
  .customPalette(categoryColors: platformColors)
  .build()

​

🐛 Multi-Series Line Chart Fixes

• Fixed critical rendering issues with multi-series line charts
• Resolved missing data points on multi-series visualizations
• Fixed overlapping series lines for better visual separation

​

🫧 Bubble Chart Support

• Full bubble chart implementation with size mapping
• Advanced SizeScale class for proportional bubble sizing
• Interactive tooltips with rich hover information
• New geomBubble() API following grammar of graphics

CristalyseChart()
  .data(companyData)
  .mapping(
    x: 'revenue',
    y: 'customers',
    size: 'marketShare',
    color: 'category',
  )
  .geomBubble(
    minSize: 8.0,
    maxSize: 25.0,
    alpha: 0.75,
  )
  .build()

​

Bug Fixes & Improvements

• Fixed heatmap cell ordering to match axis labels
• Fixed horizontal grouped bar charts crash
• Fixed heatmap alpha calculation overflow
• Improved code quality with comprehensive docstrings

​

🎨 Enhanced HeatMap Text Readability

• Improved text visibility for low-value cells
• Values < 15% now display with black text for guaranteed readability
• Values ≥ 15% use smart brightness-based contrast
• Zero breaking changes - fully backward compatible

​

🔥 Heat Map Chart Support

• Comprehensive heat map implementation with customizable styling
• Advanced color mapping with smooth gradients
• Wave-effect animations with staggered cell appearance
• Smart value visualization with automatic contrast detection

CristalyseChart()
  .data(salesData)
  .mappingHeatMap(x: 'month', y: 'region', value: 'revenue')
  .geomHeatMap(
    cellSpacing: 2.0,
    colorGradient: [Colors.red, Colors.yellow, Colors.green],
    showValues: true,
  )
  .build()

​

🎯 Advanced Label Formatting

• Full callback-based label formatting system
• Seamless integration with Flutter’s intl package
• Currency, percentages, compact notation support

CristalyseChart()
  .scaleYContinuous(
    labels: NumberFormat.simpleCurrency().format  // $1,234.56
  )
  .build()

​

Fixed

• Grouped Bar Chart Alignment: Fixed positioning of grouped bars on ordinal scales
• Bars now center properly on tick marks
• Thanks @davidlrichmond!

​

🥧 Pie & Donut Charts

• Full pie chart and donut chart implementation
• Smooth slice animations with staggered timing
• Smart label positioning with percentage display
• Exploded slice functionality for emphasis
• New .mappingPie() and .geomPie() API

CristalyseChart()
  .mappingPie(value: 'revenue', category: 'department')
  .geomPie(
    outerRadius: 120.0,
    innerRadius: 60.0,  // Creates donut
    showLabels: true,
  )
  .build()

​

📖 Documentation Site Launch

• docs.cristalyse.com is now live!
• Comprehensive guides, examples, and API reference
• Improved web WASM compatibility

​

Advanced Pan Control System

• Fixed chart position reset bug
• Infinite panning capability in any direction
• Visual clipping implementation for clean boundaries
• Selective axis panning with updateXDomain and updateYDomain

​

Enhanced SVG Export

• Professional-quality vector graphics output
• Support for all chart types
• Perfect for presentations and reports
• Editable in Figma, Adobe Illustrator, etc.

​

🎨 Area Chart Support

• Comprehensive AreaGeometry with customizable styling
• Progressive area animations
• Multi-series support with transparency
• Dual Y-axis compatibility

CristalyseChart()
  .geomArea(
    strokeWidth: 2.0,
    alpha: 0.3,
    fillArea: true,
  )
  .build()

​

Interactive Panning System

• Persistent pan state across gestures
• Real-time visible range synchronization
• Comprehensive PanConfig API with callbacks
• Perfect for time series data exploration

​

🎯 Interactive Chart Layer

• New interaction system for user engagement
• Flexible tooltip system with TooltipConfig
• onHover, onExit, and onTap callbacks

CristalyseChart()
  .interaction(
    tooltip: TooltipConfig(
      builder: (point) => MyCustomTooltip(point: point),
    ),
    click: ClickConfig(
      onTap: (point) => showDetails(point),
    ),
  )
  .build()

​

🚀 Dual Y-Axis Support

• Independent left and right Y-axes
• New .mappingY2() and .scaleY2Continuous() methods
• Perfect for Revenue vs Conversion Rate charts
• Fixed ordinal scale support for lines and points

CristalyseChart()
  .mapping(x: 'month', y: 'revenue')
  .mappingY2('conversion_rate')
  .geomBar(yAxis: YAxis.primary)
  .geomLine(yAxis: YAxis.secondary)
  .scaleY2Continuous(min: 0, max: 100)
  .build()

​

Bar Charts & Theming

• Stacked Bar Charts: Full support with progressive animations
• Enhanced Theming: Solarized Light/Dark themes
• Color Palettes: Warm, cool, and pastel options
• Horizontal Bars: Via coordFlip() method

​

Line Charts & Animations

• Line chart support with geomLine()
• Configurable animations with curves
• Multi-series support with color grouping
• Progressive line drawing animations
• Dark theme support

​

🎉 Initial Release

• Basic scatter plot support
• Grammar of graphics API
• Linear scales for continuous data
• Light and dark themes
• Cross-platform Flutter support