@rokkit/chart 1.3.15 → 1.4.0

package/dist/examples/BarChartExample.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-	import { Plot } from '../index.js'
-	import { dataset } from '@rokkit/data'
-
-	type Row = Record<string, unknown>
-
-	// Sample data
-	const sampleData = [
-		{ model: 'Model A', name: 'Product 1', category: 'Electronics', count: 45 },
-		{ model: 'Model B', name: 'Product 2', category: 'Clothing', count: 32 },
-		{ model: 'Model C', name: 'Product 3', category: 'Electronics', count: 62 },
-		{ model: 'Model D', name: 'Product 4', category: 'Home', count: 28 },
-		{ model: 'Model E', name: 'Product 5', category: 'Electronics', count: 53 },
-		{ model: 'Model F', name: 'Product 6', category: 'Clothing', count: 24 },
-		{ model: 'Model G', name: 'Product 7', category: 'Home', count: 35 }
-	]
-
-	// Use the dataset class to process the data
-	const data: Row[] = dataset(sampleData)
-		.groupBy('category')
-		.summarize('name', { count: (values: unknown[]) => values.length })
-		.rollup()
-		.select()
-
-	// Chart dimensions
-	const width = 600
-	const height = 400
-	const margin = { top: 20, right: 100, bottom: 60, left: 60 }
-</script>
-
-<div class="example">
-	<h2>Bar Chart Example</h2>
-
-	<div class="chart-wrapper">
-		<Plot.Root {data} x="category" y="count" color="category" {width} {height} {margin}>
-			<Plot.Grid />
-			<Plot.Axis type="x" label="Product Category" />
-			<Plot.Axis type="y" label="Number of Products" />
-			<Plot.Bar x="category" y="count" fill="category" />
-			<Plot.Legend labels={{ category: 'Categories' }} />
-		</Plot.Root>
-	</div>
-
-	<div class="code-example">
-		<h3>Example Code:</h3>
-		<pre>
-<!-- &lt;script&gt;
-  import { Plot } from '@rokkit/chart';
-  import { dataset } from '@rokkit/data';
-
-  // Sample data
-  const sampleData = [
-    { model: 'Model A', name: 'Product 1', category: 'Electronics', count: 45 },
-    { model: 'Model B', name: 'Product 2', category: 'Clothing', count: 32 },
-    { model: 'Model C', name: 'Product 3', category: 'Electronics', count: 62 },
-    { model: 'Model D', name: 'Product 4', category: 'Home', count: 28 },
-    { model: 'Model E', name: 'Product 5', category: 'Electronics', count: 53 },
-    { model: 'Model F', name: 'Product 6', category: 'Clothing', count: 24 },
-    { model: 'Model G', name: 'Product 7', category: 'Home', count: 35 },
-  ];
-
-  // Use the dataset class to process the data
-  const data = dataset(sampleData)
-    .groupBy('category')
-    .summarize('name', { count: values => values.length })
-    .rollup();
-&lt;/script&gt;
-
-&lt;Plot.Root {data} width={600} height={400} margin={{ top: 20, right: 100, bottom: 60, left: 60 }} fill="category"&gt;
-  &lt;Plot.Grid direction="y" lineStyle="dashed" /&gt;
-  &lt;Plot.Axis type="x" field="category" label="Product Category" /&gt;
-  &lt;Plot.Axis type="y" field="count" label="Number of Products" /&gt;
-  &lt;Plot.Bar x="category" y="count" fill="category" onClick={handleBarClick} /&gt;
-  &lt;Plot.Legend title="Categories" /&gt;
-&lt;/Plot.Root&gt; -->
-    </pre>
-	</div>
-</div>

package/dist/examples/BarChartExample.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const BarChartExample: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type BarChartExample = InstanceType<typeof BarChartExample>;
-export default BarChartExample;

package/dist/lib/brewing/types.d.ts

@@ -1,162 +0,0 @@
-export type ChartMargin = {
-    /**
-     * - Top margin
-     */
-    top: number;
-    /**
-     * - Right margin
-     */
-    right: number;
-    /**
-     * - Bottom margin
-     */
-    bottom: number;
-    /**
-     * - Left margin
-     */
-    left: number;
-};
-export type ChartDimensions = {
-    /**
-     * - Total chart width
-     */
-    width: number;
-    /**
-     * - Total chart height
-     */
-    height: number;
-    /**
-     * - Chart margins
-     */
-    margin: ChartMargin;
-    /**
-     * - Chart width without margins
-     */
-    innerWidth: number;
-    /**
-     * - Chart height without margins
-     */
-    innerHeight: number;
-};
-export type ChartScales = {
-    /**
-     * - X-axis scale function
-     */
-    x: Function;
-    /**
-     * - Y-axis scale function
-     */
-    y: Function;
-    /**
-     * - Color scale function
-     */
-    color: Function;
-};
-export type ScaleFields = {
-    /**
-     * - X-axis field
-     */
-    x: string;
-    /**
-     * - Y-axis field
-     */
-    y: string;
-    /**
-     * - Color field
-     */
-    color: string;
-};
-export type TickData = {
-    /**
-     * - Tick value
-     */
-    value: any;
-    /**
-     * - Tick position in pixels
-     */
-    position: number;
-    /**
-     * - Formatted tick label
-     */
-    formattedValue: string;
-};
-export type AxisData = {
-    /**
-     * - Tick data
-     */
-    ticks: TickData[];
-    /**
-     * - Axis label
-     */
-    label: string;
-    /**
-     * - SVG transform attribute value
-     */
-    transform: string;
-    /**
-     * - SVG transform for the label
-     */
-    labelTransform: string;
-};
-export type BarData = {
-    /**
-     * - Original data point
-     */
-    data: Object;
-    /**
-     * - X position
-     */
-    x: number;
-    /**
-     * - Y position
-     */
-    y: number;
-    /**
-     * - Width of the bar
-     */
-    width: number;
-    /**
-     * - Height of the bar
-     */
-    height: number;
-    /**
-     * - Color of the bar
-     */
-    color: string;
-};
-export type LegendItem = {
-    /**
-     * - Legend item value
-     */
-    value: any;
-    /**
-     * - Item color
-     */
-    color: string;
-    /**
-     * - Y position
-     */
-    y: number;
-    /**
-     * - Shape type ('rect' or 'circle')
-     */
-    shape: string;
-    /**
-     * - Size of the marker
-     */
-    markerSize: number;
-};
-export type LegendData = {
-    /**
-     * - Legend items
-     */
-    items: LegendItem[];
-    /**
-     * - Legend title
-     */
-    title: string;
-    /**
-     * - SVG transform attribute value
-     */
-    transform: string;
-};

package/dist/lib/brewing/types.js

@@ -1,73 +0,0 @@
-/**
- * @typedef {Object} ChartMargin
- * @property {number} top - Top margin
- * @property {number} right - Right margin
- * @property {number} bottom - Bottom margin
- * @property {number} left - Left margin
- */
-
-/**
- * @typedef {Object} ChartDimensions
- * @property {number} width - Total chart width
- * @property {number} height - Total chart height
- * @property {ChartMargin} margin - Chart margins
- * @property {number} innerWidth - Chart width without margins
- * @property {number} innerHeight - Chart height without margins
- */
-
-/**
- * @typedef {Object} ChartScales
- * @property {Function} x - X-axis scale function
- * @property {Function} y - Y-axis scale function
- * @property {Function} color - Color scale function
- */
-
-/**
- * @typedef {Object} ScaleFields
- * @property {string} x - X-axis field
- * @property {string} y - Y-axis field
- * @property {string} color - Color field
- */
-
-/**
- * @typedef {Object} TickData
- * @property {*} value - Tick value
- * @property {number} position - Tick position in pixels
- * @property {string} formattedValue - Formatted tick label
- */
-
-/**
- * @typedef {Object} AxisData
- * @property {TickData[]} ticks - Tick data
- * @property {string} label - Axis label
- * @property {string} transform - SVG transform attribute value
- * @property {string} labelTransform - SVG transform for the label
- */
-
-/**
- * @typedef {Object} BarData
- * @property {Object} data - Original data point
- * @property {number} x - X position
- * @property {number} y - Y position
- * @property {number} width - Width of the bar
- * @property {number} height - Height of the bar
- * @property {string} color - Color of the bar
- */
-
-/**
- * @typedef {Object} LegendItem
- * @property {*} value - Legend item value
- * @property {string} color - Item color
- * @property {number} y - Y position
- * @property {string} shape - Shape type ('rect' or 'circle')
- * @property {number} markerSize - Size of the marker
- */
-
-/**
- * @typedef {Object} LegendData
- * @property {LegendItem[]} items - Legend items
- * @property {string} title - Legend title
- * @property {string} transform - SVG transform attribute value
- */
-
-export {}

package/dist/lib/xscale.d.ts

@@ -1,11 +0,0 @@
-/**
- * Builds an appropriate D3 x-axis scale based on value types.
- * Returns scaleTime for Date values, scaleLinear for numeric values,
- * or scaleBand for categorical values.
- *
- * @param {Array} xValues
- * @param {Object} dimensions
- * @param {number} padding
- * @returns {import('d3-scale').ScaleContinuousNumeric|import('d3-scale').ScaleBand}
- */
-export function buildXScale(xValues: any[], dimensions: Object, padding: number): import("d3-scale").ScaleContinuousNumeric<any, any, never> | import("d3-scale").ScaleBand<any>;

package/dist/lib/xscale.js

@@ -1,31 +0,0 @@
-import { scaleBand, scaleLinear, scaleTime } from 'd3-scale'
-import { min, max } from 'd3-array'
-
-/**
- * Builds an appropriate D3 x-axis scale based on value types.
- * Returns scaleTime for Date values, scaleLinear for numeric values,
- * or scaleBand for categorical values.
- *
- * @param {Array} xValues
- * @param {Object} dimensions
- * @param {number} padding
- * @returns {import('d3-scale').ScaleContinuousNumeric|import('d3-scale').ScaleBand}
- */
-export function buildXScale(xValues, dimensions, padding) {
-	const xIsDate = xValues.some((v) => v instanceof Date)
-	const xIsNumeric = !xIsDate && xValues.every((v) => !isNaN(parseFloat(v)))
-
-	if (xIsDate) {
-		return scaleTime()
-			.domain([min(xValues), max(xValues)])
-			.range([0, dimensions.innerWidth])
-			.nice()
-	}
-	if (xIsNumeric) {
-		return scaleLinear()
-			.domain([min([0, ...xValues]), max(xValues)])
-			.range([0, dimensions.innerWidth])
-			.nice()
-	}
-	return scaleBand().domain(xValues).range([0, dimensions.innerWidth]).padding(padding)
-}