New in Sprint 2: Professional Icons & Themes

Beautiful Scientific
Visualizations

Render publication-quality biomedical illustrations with our advanced SVG engine. Interactive, themeable, and export-ready.

🔬15+ Professional Icons
🎨5 Beautiful Themes
âš¡60fps Performance
Interactive Canvas
Zoom, pan, and explore the rendered figure with smooth 60fps animations
100%
7 entities
3 relations
Ctrl +/- Zoom · Shift + Drag Pan
15+ Professional Icons
Scientifically accurate icons for cells, proteins, and molecules
  • T-cells, Dendritic cells, Tumor cells
  • MHC proteins, Receptors (TCR)
  • Y-shaped antibodies
  • Interleukins, Cytokines
  • Molecules, Antigens, Organelles
5 Beautiful Themes
Professional color palettes inspired by top journals
  • Scientific Blue (Default)
  • Nature Journal Style
  • Science Magazine Style
  • Dark Mode
  • Soft Pastel
Interactive Controls
Zoom, pan, and interact with your figures
  • Ctrl +/-Zoom in/out
  • Shift + DragPan canvas
  • ClickSelect entities
  • Ctrl 0Reset view
Export Options
Download in multiple formats
  • SVG - Scalable vector
  • PNG - High resolution
Theme Gallery
Explore all available color themes
Usage Example
Simple code to render beautiful figures
import { InteractiveCanvas } from '@/components/interactive-canvas';
import { defaultTheme } from '@/modules/renderer/theme-system';

function MyFigure() {
  return (
    <InteractiveCanvas
      figureSpec={myFigureSpec}
      width={800}
      height={600}
      theme={defaultTheme}
      showGrid={false}
      showLabels={true}
      onEntitySelect={(id) => console.log('Selected:', id)}
    />
  );
}
15+

Professional Icons

5

Beautiful Themes

60fps

Smooth Animation

SVG

Vector Graphics