@outsidedata/dolex 0.1.0

package/src/renderers/html/builders/sunburst.ts

@@ -0,0 +1,7 @@
+import type { VisualizationSpec } from '../../../types.js';
+import { buildHtmlFromBundle } from '../template.js';
+import { sunburstBundle } from '../_generated/bundles.js';
+
+export function buildSunburstHtml(spec: VisualizationSpec): string {
+  return buildHtmlFromBundle(spec, sunburstBundle);
+}

package/src/renderers/html/builders/treemap.ts

@@ -0,0 +1,7 @@
+import type { VisualizationSpec } from '../../../types.js';
+import { buildHtmlFromBundle } from '../template.js';
+import { treemapBundle } from '../_generated/bundles.js';
+
+export function buildTreemapHtml(spec: VisualizationSpec): string {
+  return buildHtmlFromBundle(spec, treemapBundle);
+}

package/src/renderers/html/builders/violin.ts

@@ -0,0 +1,7 @@
+import type { VisualizationSpec } from '../../../types.js';
+import { buildHtmlFromBundle } from '../template.js';
+import { violinBundle } from '../_generated/bundles.js';
+
+export function buildViolinHtml(spec: VisualizationSpec): string {
+  return buildHtmlFromBundle(spec, violinBundle);
+}

package/src/renderers/html/builders/waffle.ts

@@ -0,0 +1,7 @@
+import type { VisualizationSpec } from '../../../types.js';
+import { buildHtmlFromBundle } from '../template.js';
+import { waffleBundle } from '../_generated/bundles.js';
+
+export function buildWaffleHtml(spec: VisualizationSpec): string {
+  return buildHtmlFromBundle(spec, waffleBundle);
+}

package/src/renderers/html/builders/waterfall.ts

@@ -0,0 +1,7 @@
+import type { VisualizationSpec } from '../../../types.js';
+import { buildHtmlFromBundle } from '../template.js';
+import { waterfallBundle } from '../_generated/bundles.js';
+
+export function buildWaterfallHtml(spec: VisualizationSpec): string {
+  return buildHtmlFromBundle(spec, waterfallBundle);
+}

package/src/renderers/html/compound.ts

@@ -0,0 +1,178 @@
+/**
+ * Compound visualization logic.
+ *
+ * Decides whether to wrap a chart spec with companion views (table, etc.)
+ * and builds the CompoundVisualizationSpec.
+ */
+
+import type {
+  VisualizationSpec,
+  CompoundVisualizationSpec,
+  TableColumn,
+  DataColumn,
+} from '../../types.js';
+
+/** Patterns where a companion table doesn't add value */
+const SKIP_TABLE_PATTERNS = new Set([
+  'sankey', 'alluvial', 'chord',         // flow patterns — data is relational, not tabular
+  'choropleth', 'proportional-symbol',    // geo — data is geographic
+  'sunburst', 'treemap',                  // hierarchical — table doesn't capture structure
+]);
+
+/** Maximum row count for auto-compounding (large tables overwhelm the view) */
+const MAX_COMPOUND_ROWS = 500;
+
+/**
+ * Decide whether a chart should be wrapped in a compound visualization.
+ */
+export function shouldCompound(
+  spec: VisualizationSpec,
+  options?: { compound?: boolean }
+): boolean {
+  // Explicit opt-out
+  if (options?.compound === false) return false;
+
+  // Skip patterns where table doesn't help
+  if (SKIP_TABLE_PATTERNS.has(spec.pattern)) return false;
+
+  // Skip if too many rows
+  if (spec.data.length > MAX_COMPOUND_ROWS) return false;
+
+  // Skip if no data
+  if (!spec.data.length) return false;
+
+  return true;
+}
+
+/**
+ * Build a CompoundVisualizationSpec wrapping a chart with a data table.
+ */
+export function buildCompoundSpec(
+  spec: VisualizationSpec,
+  columns?: DataColumn[]
+): CompoundVisualizationSpec {
+  // Figure out the interaction field — prefer the categorical x-axis
+  const interactionField = findInteractionField(spec);
+
+  // Build table columns — lead with encoding fields
+  const tableColumns = buildTableColumns(spec, columns);
+
+  return {
+    compound: true,
+    title: spec.title,
+    data: spec.data,
+    views: [
+      {
+        id: 'chart',
+        type: 'chart',
+        chart: {
+          pattern: spec.pattern,
+          title: spec.title,
+          encoding: spec.encoding,
+          config: spec.config,
+        },
+      },
+      {
+        id: 'table',
+        type: 'table',
+        table: {
+          columns: tableColumns,
+          sort: interactionField
+            ? { field: interactionField, direction: 'asc' as const }
+            : undefined,
+          pageSize: 100,
+        },
+      },
+    ],
+    layout: { type: 'rows', sizes: [3, 2] },
+    interactions: interactionField
+      ? [{ type: 'highlight', field: interactionField }]
+      : [],
+  };
+}
+
+/**
+ * Find the best field to use for interaction highlighting.
+ * Prefers the categorical axis field.
+ */
+function findInteractionField(spec: VisualizationSpec): string | undefined {
+  const enc = spec.encoding;
+
+  // Prefer x-axis categorical field
+  if (enc.x && (enc.x.type === 'nominal' || enc.x.type === 'ordinal')) {
+    return enc.x.field;
+  }
+
+  // Fall back to color field
+  if (enc.color?.field) {
+    return enc.color.field;
+  }
+
+  // Fall back to y-axis categorical
+  if (enc.y && (enc.y.type === 'nominal' || enc.y.type === 'ordinal')) {
+    return enc.y.field;
+  }
+
+  // Fall back to first field in data
+  if (spec.data.length > 0) {
+    return Object.keys(spec.data[0])[0];
+  }
+
+  return undefined;
+}
+
+/**
+ * Build table column definitions, leading with fields used in the chart encoding.
+ */
+function buildTableColumns(
+  spec: VisualizationSpec,
+  dataColumns?: DataColumn[]
+): TableColumn[] {
+  if (!spec.data.length) return [];
+
+  const allFields = Object.keys(spec.data[0]);
+  const encodingFields = new Set<string>();
+
+  // Collect fields used in encoding
+  if (spec.encoding.x?.field) encodingFields.add(spec.encoding.x.field);
+  if (spec.encoding.y?.field) encodingFields.add(spec.encoding.y.field);
+  if (spec.encoding.color?.field) encodingFields.add(spec.encoding.color.field);
+  if (spec.encoding.size?.field) encodingFields.add(spec.encoding.size.field);
+
+  // Order: encoding fields first, then the rest
+  const ordered = [
+    ...allFields.filter(f => encodingFields.has(f)),
+    ...allFields.filter(f => !encodingFields.has(f)),
+  ];
+
+  // Detect numeric fields
+  const numericFields = new Set<string>();
+  if (dataColumns) {
+    dataColumns.forEach(c => { if (c.type === 'numeric') numericFields.add(c.name); });
+  } else {
+    ordered.forEach(field => {
+      const sample = spec.data.slice(0, 10).map(d => d[field]);
+      const numCount = sample.filter(v =>
+        v != null && (typeof v === 'number' || (typeof v === 'string' && v !== '' && !isNaN(Number(v))))
+      ).length;
+      if (numCount > sample.length * 0.7) numericFields.add(field);
+    });
+  }
+
+  return ordered.map(field => {
+    const col: TableColumn = {
+      field,
+      title: prettifyFieldName(field),
+      align: numericFields.has(field) ? 'right' : 'left',
+    };
+    return col;
+  });
+}
+
+/** Convert snake_case / camelCase field names to title case */
+function prettifyFieldName(name: string): string {
+  return name
+    .replace(/_/g, ' ')
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .replace(/\b\w/g, c => c.toUpperCase());
+}

package/src/renderers/html/index.ts

@@ -0,0 +1,257 @@
+/**
+ * Self-contained HTML chart builder — main entry point.
+ *
+ * Dispatches a VisualizationSpec to the correct HTML builder based on
+ * `spec.pattern`, producing a complete HTML document string that can
+ * be rendered inside a sandboxed iframe in MCP Apps.
+ *
+ * Usage:
+ *   import { buildChartHtml } from './renderers/html/index.js';
+ *   const html = buildChartHtml(spec);
+ *   // Write html to file or embed in iframe src via data: URL
+ */
+
+import type { VisualizationSpec } from '../../types.js';
+import { buildHtml } from './template.js';
+import { buildBarHtml } from './builders/bar.js';
+import { buildDivergingBarHtml } from './builders/diverging-bar.js';
+import { buildSlopeChartHtml } from './builders/slope-chart.js';
+import { buildHistogramHtml } from './builders/histogram.js';
+import { buildBeeswarmHtml } from './builders/beeswarm.js';
+import { buildStripPlotHtml } from './builders/strip-plot.js';
+import { buildStackedBarHtml } from './builders/stacked-bar.js';
+import { buildWaffleHtml } from './builders/waffle.js';
+import { buildTreemapHtml } from './builders/treemap.js';
+import { buildLineHtml } from './builders/line.js';
+import { buildAreaHtml } from './builders/area.js';
+import { buildSmallMultiplesHtml } from './builders/small-multiples.js';
+import { buildScatterHtml } from './builders/scatter.js';
+import { buildSankeyHtml } from './builders/sankey.js';
+import { buildBumpChartHtml } from './builders/bump-chart.js';
+import { buildConnectedDotPlotHtml } from './builders/connected-dot-plot.js';
+import { buildChoroplethHtml } from './builders/choropleth.js';
+import { buildProportionalSymbolHtml } from './builders/proportional-symbol.js';
+import { buildViolinHtml } from './builders/violin.js';
+import { buildRidgelineHtml } from './builders/ridgeline.js';
+import { buildSunburstHtml } from './builders/sunburst.js';
+import { buildSparklineGridHtml } from './builders/sparkline-grid.js';
+import { buildCalendarHeatmapHtml } from './builders/calendar-heatmap.js';
+import { buildConnectedScatterHtml } from './builders/connected-scatter.js';
+import { buildParallelCoordinatesHtml } from './builders/parallel-coordinates.js';
+import { buildRadarHtml } from './builders/radar.js';
+import { buildAlluvialHtml } from './builders/alluvial.js';
+import { buildChordHtml } from './builders/chord.js';
+import { buildHeatmapHtml } from './builders/heatmap.js';
+import { buildCirclePackHtml } from './builders/circle-pack.js';
+import { buildMetricHtml } from './builders/metric.js';
+import { buildDonutHtml } from './builders/donut.js';
+import { buildBoxPlotHtml } from './builders/box-plot.js';
+import { buildLollipopHtml } from './builders/lollipop.js';
+import { buildBulletHtml } from './builders/bullet.js';
+import { buildDensityPlotHtml } from './builders/density-plot.js';
+import { buildMarimekkoHtml } from './builders/marimekko.js';
+import { buildIcicleHtml } from './builders/icicle.js';
+import { buildStreamGraphHtml } from './builders/stream-graph.js';
+import { buildHorizonChartHtml } from './builders/horizon-chart.js';
+import { buildFunnelHtml } from './builders/funnel.js';
+import { buildGroupedBarHtml } from './builders/grouped-bar.js';
+import { buildWaterfallHtml } from './builders/waterfall.js';
+
+// ─── BUILDER DISPATCH MAP ───────────────────────────────────────────────────
+
+const builders: Record<string, (spec: VisualizationSpec) => string> = {
+  'bar': buildBarHtml,
+  'diverging-bar': buildDivergingBarHtml,
+  'slope-chart': buildSlopeChartHtml,
+  'histogram': buildHistogramHtml,
+  'beeswarm': buildBeeswarmHtml,
+  'strip-plot': buildStripPlotHtml,
+  'stacked-bar': buildStackedBarHtml,
+  'waffle': buildWaffleHtml,
+  'treemap': buildTreemapHtml,
+  'line': buildLineHtml,
+  'area': buildAreaHtml,
+  'small-multiples': buildSmallMultiplesHtml,
+  'scatter': buildScatterHtml,
+  'sankey': buildSankeyHtml,
+  'bump-chart': buildBumpChartHtml,
+  'connected-dot-plot': buildConnectedDotPlotHtml,
+  'choropleth': buildChoroplethHtml,
+  'proportional-symbol': buildProportionalSymbolHtml,
+  'violin': buildViolinHtml,
+  'ridgeline': buildRidgelineHtml,
+  'sunburst': buildSunburstHtml,
+  'sparkline-grid': buildSparklineGridHtml,
+  'calendar-heatmap': buildCalendarHeatmapHtml,
+  'connected-scatter': buildConnectedScatterHtml,
+  'parallel-coordinates': buildParallelCoordinatesHtml,
+  'radar': buildRadarHtml,
+  'alluvial': buildAlluvialHtml,
+  'chord': buildChordHtml,
+  'heatmap': buildHeatmapHtml,
+  'circle-pack': buildCirclePackHtml,
+  'metric': buildMetricHtml,
+  'donut': buildDonutHtml,
+  'box-plot': buildBoxPlotHtml,
+  'lollipop': buildLollipopHtml,
+  'bullet': buildBulletHtml,
+  'density-plot': buildDensityPlotHtml,
+  'marimekko': buildMarimekkoHtml,
+  'icicle': buildIcicleHtml,
+  'stream-graph': buildStreamGraphHtml,
+  'horizon-chart': buildHorizonChartHtml,
+  'funnel': buildFunnelHtml,
+  'grouped-bar': buildGroupedBarHtml,
+  'waterfall': buildWaterfallHtml,
+};
+
+// ─── PUBLIC API ─────────────────────────────────────────────────────────────
+
+/**
+ * Build a self-contained HTML document that renders the given spec.
+ *
+ * Dispatches to the correct pattern-specific builder. If the pattern
+ * is not yet supported, returns a placeholder HTML document showing
+ * the pattern name and data summary.
+ *
+ * @param spec - The VisualizationSpec describing the chart
+ * @returns Complete HTML document string
+ */
+export function buildChartHtml(spec: VisualizationSpec): string {
+  if (!spec || !spec.pattern) {
+    return buildHtml(
+      { pattern: 'error', title: 'Error', data: [], encoding: {}, config: {} },
+      `container.innerHTML = '<p style="color:#ef4444;padding:20px;">Invalid spec: missing pattern</p>';`
+    );
+  }
+
+  if (!spec.data || spec.data.length === 0) {
+    return buildHtml(
+      spec,
+      `container.innerHTML = '<p style="color:#ef4444;padding:20px;">No data provided</p>';`
+    );
+  }
+
+  const builder = builders[spec.pattern];
+  if (builder) {
+    return builder(spec);
+  }
+
+  // Fallback: render a placeholder for unsupported patterns
+  return buildPlaceholderHtml(spec);
+}
+
+/**
+ * Get the list of pattern IDs that have HTML builders.
+ */
+export function getSupportedHtmlPatterns(): string[] {
+  return Object.keys(builders);
+}
+
+/**
+ * Check if a pattern has an HTML builder.
+ */
+export function isHtmlPatternSupported(pattern: string): boolean {
+  return pattern in builders;
+}
+
+// ─── PLACEHOLDER ────────────────────────────────────────────────────────────
+
+function buildPlaceholderHtml(spec: VisualizationSpec): string {
+  const columnCount = spec.data[0] ? Object.keys(spec.data[0]).length : 0;
+  return buildHtml(spec, `
+    var result = createSvg(container, spec);
+    var g = result.g;
+    var dims = result.dims;
+
+    g.append('rect')
+      .attr('x', dims.innerWidth / 2 - 160)
+      .attr('y', dims.innerHeight / 2 - 50)
+      .attr('width', 320)
+      .attr('height', 100)
+      .attr('rx', 8)
+      .attr('fill', '#1e2028')
+      .attr('stroke', '#2d3041')
+      .attr('stroke-width', 1);
+
+    g.append('text')
+      .attr('x', dims.innerWidth / 2)
+      .attr('y', dims.innerHeight / 2 - 10)
+      .attr('text-anchor', 'middle')
+      .attr('fill', TEXT_COLOR)
+      .attr('font-size', '16px')
+      .attr('font-weight', '600')
+      .attr('font-family', 'Inter, system-ui, sans-serif')
+      .text('Pattern: ' + spec.pattern);
+
+    g.append('text')
+      .attr('x', dims.innerWidth / 2)
+      .attr('y', dims.innerHeight / 2 + 16)
+      .attr('text-anchor', 'middle')
+      .attr('fill', TEXT_MUTED)
+      .attr('font-size', '12px')
+      .attr('font-family', 'Inter, system-ui, sans-serif')
+      .text(spec.data.length + ' rows, ${columnCount} columns');
+
+    g.append('text')
+      .attr('x', dims.innerWidth / 2)
+      .attr('y', dims.innerHeight / 2 + 34)
+      .attr('text-anchor', 'middle')
+      .attr('fill', TEXT_MUTED)
+      .attr('font-size', '11px')
+      .attr('font-family', 'Inter, system-ui, sans-serif')
+      .text('HTML builder not yet implemented');
+  `);
+}
+
+// ─── RE-EXPORTS ─────────────────────────────────────────────────────────────
+
+export { buildHtml, buildHtmlFromBundle } from './template.js';
+export { buildBarHtml } from './builders/bar.js';
+export { buildDivergingBarHtml } from './builders/diverging-bar.js';
+export { buildSlopeChartHtml } from './builders/slope-chart.js';
+export { buildHistogramHtml } from './builders/histogram.js';
+export { buildBeeswarmHtml } from './builders/beeswarm.js';
+export { buildStripPlotHtml } from './builders/strip-plot.js';
+export { buildStackedBarHtml } from './builders/stacked-bar.js';
+export { buildWaffleHtml } from './builders/waffle.js';
+export { buildTreemapHtml } from './builders/treemap.js';
+export { buildLineHtml } from './builders/line.js';
+export { buildAreaHtml } from './builders/area.js';
+export { buildSmallMultiplesHtml } from './builders/small-multiples.js';
+export { buildScatterHtml } from './builders/scatter.js';
+export { buildSankeyHtml } from './builders/sankey.js';
+export { buildBumpChartHtml } from './builders/bump-chart.js';
+export { buildConnectedDotPlotHtml } from './builders/connected-dot-plot.js';
+export { buildChoroplethHtml } from './builders/choropleth.js';
+export { buildProportionalSymbolHtml } from './builders/proportional-symbol.js';
+export { buildViolinHtml } from './builders/violin.js';
+export { buildRidgelineHtml } from './builders/ridgeline.js';
+export { buildSunburstHtml } from './builders/sunburst.js';
+export { buildSparklineGridHtml } from './builders/sparkline-grid.js';
+export { buildCalendarHeatmapHtml } from './builders/calendar-heatmap.js';
+export { buildConnectedScatterHtml } from './builders/connected-scatter.js';
+export { buildParallelCoordinatesHtml } from './builders/parallel-coordinates.js';
+export { buildRadarHtml } from './builders/radar.js';
+export { buildAlluvialHtml } from './builders/alluvial.js';
+export { buildChordHtml } from './builders/chord.js';
+export { buildHeatmapHtml } from './builders/heatmap.js';
+export { buildCirclePackHtml } from './builders/circle-pack.js';
+export { buildMetricHtml } from './builders/metric.js';
+export { buildDonutHtml } from './builders/donut.js';
+export { buildBoxPlotHtml } from './builders/box-plot.js';
+export { buildLollipopHtml } from './builders/lollipop.js';
+export { buildBulletHtml } from './builders/bullet.js';
+export { buildDensityPlotHtml } from './builders/density-plot.js';
+export { buildMarimekkoHtml } from './builders/marimekko.js';
+export { buildIcicleHtml } from './builders/icicle.js';
+export { buildStreamGraphHtml } from './builders/stream-graph.js';
+export { buildHorizonChartHtml } from './builders/horizon-chart.js';
+export { buildFunnelHtml } from './builders/funnel.js';
+export { buildGroupedBarHtml } from './builders/grouped-bar.js';
+export { buildWaterfallHtml } from './builders/waterfall.js';
+export { buildCompoundHtml } from './builders/compound.js';
+export { buildDashboardHtml } from './builders/dashboard.js';
+export type { DashboardViewData } from './builders/dashboard.js';
+export { shouldCompound, buildCompoundSpec } from './compound.js';
+export { getPreferredHeight } from './sizing.js';

package/src/renderers/html/render/alluvial.render.ts

@@ -0,0 +1,2 @@
+import { renderAlluvial } from '../../d3/flow/alluvial.js';
+export { renderAlluvial as renderChart };

package/src/renderers/html/render/area.render.ts

@@ -0,0 +1,2 @@
+import { renderArea } from '../../d3/time/area.js';
+export { renderArea as renderChart };

package/src/renderers/html/render/bar.render.ts

@@ -0,0 +1,2 @@
+import { renderBar } from '../../d3/comparison/bar.js';
+export { renderBar as renderChart };

package/src/renderers/html/render/beeswarm.render.ts

@@ -0,0 +1,2 @@
+import { renderBeeswarm } from '../../d3/distribution/beeswarm.js';
+export { renderBeeswarm as renderChart };

package/src/renderers/html/render/box-plot.render.ts

@@ -0,0 +1,2 @@
+import { renderBoxPlot } from '../../d3/distribution/box-plot.js';
+export { renderBoxPlot as renderChart };

package/src/renderers/html/render/bullet.render.ts

@@ -0,0 +1,2 @@
+import { renderBullet } from '../../d3/comparison/bullet.js';
+export { renderBullet as renderChart };

package/src/renderers/html/render/bump-chart.render.ts

@@ -0,0 +1,2 @@
+import { renderBumpChart } from '../../d3/comparison/bump-chart.js';
+export { renderBumpChart as renderChart };

package/src/renderers/html/render/calendar-heatmap.render.ts

@@ -0,0 +1,2 @@
+import { renderCalendarHeatmap } from '../../d3/time/calendar-heatmap.js';
+export { renderCalendarHeatmap as renderChart };

package/src/renderers/html/render/chord.render.ts

@@ -0,0 +1,2 @@
+import { renderChord } from '../../d3/flow/chord.js';
+export { renderChord as renderChart };

package/src/renderers/html/render/choropleth.render.ts

@@ -0,0 +1,6 @@
+import * as topojsonClient from 'topojson-client';
+
+(globalThis as any).topojson = topojsonClient;
+
+import { renderChoropleth } from '../../d3/geo/choropleth.js';
+export { renderChoropleth as renderChart };

package/src/renderers/html/render/circle-pack.render.ts

@@ -0,0 +1,2 @@
+import { renderCirclePack } from '../../d3/composition/circle-pack.js';
+export { renderCirclePack as renderChart };

package/src/renderers/html/render/connected-dot-plot.render.ts

@@ -0,0 +1,2 @@
+import { renderConnectedDotPlot } from '../../d3/comparison/connected-dot-plot.js';
+export { renderConnectedDotPlot as renderChart };

package/src/renderers/html/render/connected-scatter.render.ts

@@ -0,0 +1,2 @@
+import { renderConnectedScatter } from '../../d3/connected-scatter.js';
+export { renderConnectedScatter as renderChart };

package/src/renderers/html/render/density-plot.render.ts

@@ -0,0 +1,2 @@
+import { renderDensityPlot } from '../../d3/distribution/density-plot.js';
+export { renderDensityPlot as renderChart };

package/src/renderers/html/render/diverging-bar.render.ts

@@ -0,0 +1,2 @@
+import { renderDivergingBar } from '../../d3/comparison/diverging-bar.js';
+export { renderDivergingBar as renderChart };

package/src/renderers/html/render/donut.render.ts

@@ -0,0 +1,2 @@
+import { renderDonut } from '../../d3/composition/donut.js';
+export { renderDonut as renderChart };

package/src/renderers/html/render/funnel.render.ts

@@ -0,0 +1,2 @@
+import { renderFunnel } from '../../d3/flow/funnel.js';
+export { renderFunnel as renderChart };

package/src/renderers/html/render/grouped-bar.render.ts

@@ -0,0 +1,2 @@
+import { renderGroupedBar } from '../../d3/comparison/grouped-bar.js';
+export { renderGroupedBar as renderChart };

package/src/renderers/html/render/heatmap.render.ts

@@ -0,0 +1,2 @@
+import { renderHeatmap } from '../../d3/heatmap.js';
+export { renderHeatmap as renderChart };

package/src/renderers/html/render/histogram.render.ts

@@ -0,0 +1,2 @@
+import { renderHistogram } from '../../d3/distribution/histogram.js';
+export { renderHistogram as renderChart };

package/src/renderers/html/render/horizon-chart.render.ts

@@ -0,0 +1,2 @@
+import { renderHorizonChart } from '../../d3/time/horizon-chart.js';
+export { renderHorizonChart as renderChart };

package/src/renderers/html/render/icicle.render.ts

@@ -0,0 +1,2 @@
+import { renderIcicle } from '../../d3/composition/icicle.js';
+export { renderIcicle as renderChart };

package/src/renderers/html/render/line.render.ts

@@ -0,0 +1,2 @@
+import { renderLine } from '../../d3/time/line.js';
+export { renderLine as renderChart };

package/src/renderers/html/render/lollipop.render.ts

@@ -0,0 +1,2 @@
+import { renderLollipop } from '../../d3/comparison/lollipop.js';
+export { renderLollipop as renderChart };

package/src/renderers/html/render/marimekko.render.ts

@@ -0,0 +1,2 @@
+import { renderMarimekko } from '../../d3/composition/marimekko.js';
+export { renderMarimekko as renderChart };

package/src/renderers/html/render/metric.render.ts

@@ -0,0 +1,2 @@
+import { renderMetric } from '../../d3/composition/metric.js';
+export { renderMetric as renderChart };

package/src/renderers/html/render/parallel-coordinates.render.ts

@@ -0,0 +1,2 @@
+import { renderParallelCoordinates } from '../../d3/parallel-coordinates.js';
+export { renderParallelCoordinates as renderChart };

package/src/renderers/html/render/proportional-symbol.render.ts

@@ -0,0 +1,6 @@
+import * as topojsonClient from 'topojson-client';
+
+(globalThis as any).topojson = topojsonClient;
+
+import { renderProportionalSymbol } from '../../d3/geo/proportional-symbol.js';
+export { renderProportionalSymbol as renderChart };

package/src/renderers/html/render/radar.render.ts

@@ -0,0 +1,2 @@
+import { renderRadar } from '../../d3/radar.js';
+export { renderRadar as renderChart };

package/src/renderers/html/render/ridgeline.render.ts

@@ -0,0 +1,2 @@
+import { renderRidgeline } from '../../d3/distribution/ridgeline.js';
+export { renderRidgeline as renderChart };

package/src/renderers/html/render/sankey.render.ts

@@ -0,0 +1,2 @@
+import { renderSankey } from '../../d3/flow/sankey.js';
+export { renderSankey as renderChart };

package/src/renderers/html/render/scatter.render.ts

@@ -0,0 +1,2 @@
+import { renderScatter } from '../../d3/relationship.js';
+export { renderScatter as renderChart };

package/src/renderers/html/render/slope-chart.render.ts

@@ -0,0 +1,2 @@
+import { renderSlopeChart } from '../../d3/comparison/slope-chart.js';
+export { renderSlopeChart as renderChart };

package/src/renderers/html/render/small-multiples.render.ts

@@ -0,0 +1,2 @@
+import { renderSmallMultiples } from '../../d3/time/small-multiples.js';
+export { renderSmallMultiples as renderChart };

package/src/renderers/html/render/sparkline-grid.render.ts

@@ -0,0 +1,2 @@
+import { renderSparklineGrid } from '../../d3/time/sparkline-grid.js';
+export { renderSparklineGrid as renderChart };

package/src/renderers/html/render/stacked-bar.render.ts

@@ -0,0 +1,2 @@
+import { renderStackedBar } from '../../d3/composition/stacked-bar.js';
+export { renderStackedBar as renderChart };

package/src/renderers/html/render/stream-graph.render.ts

@@ -0,0 +1,2 @@
+import { renderStreamGraph } from '../../d3/time/stream-graph.js';
+export { renderStreamGraph as renderChart };

package/src/renderers/html/render/strip-plot.render.ts

@@ -0,0 +1,2 @@
+import { renderStripPlot } from '../../d3/distribution/strip-plot.js';
+export { renderStripPlot as renderChart };