import type { Meta, StoryObj } from "@storybook/react"; import { ScatterChartProps } from "../ScatterChart"; /** * # ScatterChart Component Documentation * * The ScatterChart component is designed for visualizing relationships between two continuous variables. * It's ideal for: * * - **Correlation Analysis**: Identifying relationships between variables. * - **Distribution Analysis**: Understanding data point clustering and outliers. * - **Comparative Analysis**: Comparing multiple datasets on the same coordinate system. * * ## Key Features * * ### Interactive & Responsive * - **Interactive Tooltips**: Hover over points to see detailed data values. * - **Multiple Datasets**: Support for multiple data series with different colors. * - **Responsive Design**: Adapts to any container size. * * ### Customization * - **Theming**: Six pre-built color palettes or custom colors. * - **Shape Options**: Multiple point shapes (circle, diamond, square, etc.). * - **Axis Configuration**: Customizable axis labels, units, and domains. */ declare const meta: Meta; export default meta; type Story = StoryObj; /** * ## Basic Scatter Chart * * This demonstrates a basic scatter chart with default settings. * Perfect for showing simple correlations between two variables. */ export declare const BasicScatter: Story; /** * ## Correlation Analysis * * This example shows how to use the scatter chart for correlation analysis. * Notice how the points follow a general upward trend, indicating positive correlation. */ export declare const CorrelationAnalysis: Story; /** * ## Shape Comparison * * Compare different point shapes available in the scatter chart. * Each shape provides a different visual style for your data points. */ export declare const ShapeComparison: Story; /** * ## Data Explorer * * Interactive tool for exploring different scatter chart datasets. * Use the buttons to switch between various data scenarios. */ export declare const DataExplorer: Story; //# sourceMappingURL=ScatterChart.stories.d.ts.map