@dpuse/dpuse-tool-d3-visualiser 0.0.47 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -652,16 +652,16 @@ _Note: Sonda's Vite reports currently exclude CSS files, since Vite does not gen
|
|
|
652
652
|
|
|
653
653
|
|Chunk/Module/File|Composition|
|
|
654
654
|
|:------ |:-----------|
|
|
655
|
-
| dist/billboardJs-
|
|
656
|
-
| billboard.js | `█████░░░░░░░░░░░░░░░`
|
|
657
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░`
|
|
655
|
+
| dist/billboardJs-oaee80Fh.js | 250.6 kB · brotli 64.7 kB |
|
|
656
|
+
| billboard.js | `█████░░░░░░░░░░░░░░░` 25.1% |
|
|
657
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 1.9% |
|
|
658
658
|
| src → billboardJs.ts | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
659
659
|
| d3-selection → src/selectAll.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
660
|
-
| dist/observablePlot-
|
|
661
|
-
| @observablehq/plot | `███░░░░░░░░░░░░░░░░░`
|
|
662
|
-
| d3-geo | `█░░░░░░░░░░░░░░░░░░░` 3.
|
|
663
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 2.
|
|
664
|
-
| d3-scale-chromatic | `░░░░░░░░░░░░░░░░░░░░`
|
|
660
|
+
| dist/observablePlot-BE2I-5e2.js | 223.5 kB · brotli 56.1 kB |
|
|
661
|
+
| @observablehq/plot | `███░░░░░░░░░░░░░░░░░` 14.5% |
|
|
662
|
+
| d3-geo | `█░░░░░░░░░░░░░░░░░░░` 3.5% |
|
|
663
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 2.2% |
|
|
664
|
+
| d3-scale-chromatic | `░░░░░░░░░░░░░░░░░░░░` 1.9% |
|
|
665
665
|
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
666
666
|
| d3-color | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
667
667
|
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
@@ -669,16 +669,21 @@ _Note: Sonda's Vite reports currently exclude CSS files, since Vite does not gen
|
|
|
669
669
|
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
670
670
|
| isoformat | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
671
671
|
| src → observablePlot.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
672
|
-
| dist/
|
|
673
|
-
| @
|
|
672
|
+
| dist/tanStackCharts-CqP0qIAr.js | 105.2 kB · brotli 27.0 kB |
|
|
673
|
+
| @tanstack/charts | `██░░░░░░░░░░░░░░░░░░` 10.0% |
|
|
674
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 1.0% |
|
|
675
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
676
|
+
| src → tanStackCharts.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
677
|
+
| dist/chordDiagram-CTDXv74T.js | 96.5 kB · brotli 25.5 kB |
|
|
678
|
+
| @unovis/ts | `█░░░░░░░░░░░░░░░░░░░` 3.6% |
|
|
674
679
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 1.3% |
|
|
675
680
|
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 1.1% |
|
|
676
|
-
| @juggle/resize-observer | `░░░░░░░░░░░░░░░░░░░░` 1.
|
|
681
|
+
| @juggle/resize-observer | `░░░░░░░░░░░░░░░░░░░░` 1.0% |
|
|
677
682
|
| d3-interpolate-path → build/d3-interpolate-path.mjs | `░░░░░░░░░░░░░░░░░░░░` 0.8% |
|
|
678
683
|
| @emotion/cache → dist/emotion-cache.browser.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
679
684
|
| stylis | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
680
685
|
| d3-chord | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
681
|
-
| @emotion/serialize → dist/emotion-serialize.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
686
|
+
| @emotion/serialize → dist/emotion-serialize.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
682
687
|
| striptags → src/striptags.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
683
688
|
| @emotion/css | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
684
689
|
| @emotion/sheet → dist/emotion-sheet.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
@@ -689,16 +694,11 @@ _Note: Sonda's Vite reports currently exclude CSS files, since Vite does not gen
|
|
|
689
694
|
| src → chordDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
690
695
|
| @emotion/utils → dist/emotion-utils.browser.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
691
696
|
| @emotion/memoize → dist/emotion-memoize.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
692
|
-
| dist/
|
|
693
|
-
| @
|
|
694
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
695
|
-
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
696
|
-
| src → tanStackCharts.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
697
|
-
| dist/erdDiagram-Ds-nrw7Q.js | 62.3 kB · brotli 16.2 kB |
|
|
698
|
-
| @dagrejs/dagre → dist/dagre.esm.js | `█░░░░░░░░░░░░░░░░░░░` 6.2% |
|
|
697
|
+
| dist/erdDiagram-C_Hobpls.js | 63.0 kB · brotli 16.4 kB |
|
|
698
|
+
| @dagrejs/dagre → dist/dagre.esm.js | `█░░░░░░░░░░░░░░░░░░░` 6.0% |
|
|
699
699
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
700
700
|
| src → erdDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
701
|
-
| dist/src-
|
|
701
|
+
| dist/src-Dl4_vNYa.js | 23.2 kB · brotli 5.5 kB |
|
|
702
702
|
| d3-time-format | `░░░░░░░░░░░░░░░░░░░░` 1.2% |
|
|
703
703
|
| d3-time | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
704
704
|
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
@@ -711,94 +711,94 @@ _Note: Sonda's Vite reports currently exclude CSS files, since Vite does not gen
|
|
|
711
711
|
| d3-dispatch → src/dispatch.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
712
712
|
| d3-timer | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
713
713
|
| d3-ease → src/cubic.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
714
|
-
| dist/step-
|
|
715
|
-
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 1.
|
|
716
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
714
|
+
| dist/step-C2rRFtYO.js | 19.2 kB · brotli 2.4 kB |
|
|
715
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 1.8% |
|
|
716
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
717
717
|
| dist/select-BIuoFcZG.js | 17.9 kB · brotli 3.9 kB |
|
|
718
|
-
| d3-selection | `░░░░░░░░░░░░░░░░░░░░` 1.
|
|
718
|
+
| d3-selection | `░░░░░░░░░░░░░░░░░░░░` 1.5% |
|
|
719
719
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
720
|
-
| dist/networkDiagram-
|
|
720
|
+
| dist/networkDiagram-CcQxxJMB.js | 17.6 kB · brotli 4.9 kB |
|
|
721
721
|
| d3-force | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
722
722
|
| d3-quadtree | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
723
723
|
| src → networkDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
724
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
725
|
-
| dist/linear-
|
|
726
|
-
| d3-format | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
724
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
725
|
+
| dist/linear-C-jur735.js | 17.2 kB · brotli 4.9 kB |
|
|
726
|
+
| d3-format | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
727
727
|
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
728
728
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
729
|
-
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
729
|
+
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
730
730
|
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
731
731
|
| internmap → src/index.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
732
|
-
| dist/src-WDualLFV.js | 12.8 kB · brotli 3.
|
|
732
|
+
| dist/src-WDualLFV.js | 12.8 kB · brotli 3.5 kB |
|
|
733
733
|
| d3-zoom | `░░░░░░░░░░░░░░░░░░░░` 1.2% |
|
|
734
734
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
735
735
|
| d3-interpolate → src/zoom.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
736
|
-
| dist/string-CnCj7THX.js | 11.6 kB · brotli 3.
|
|
736
|
+
| dist/string-CnCj7THX.js | 11.6 kB · brotli 3.6 kB |
|
|
737
737
|
| d3-color | `░░░░░░░░░░░░░░░░░░░░` 0.9% |
|
|
738
738
|
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
739
739
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
740
|
-
| dist/sankeyDiagram-
|
|
740
|
+
| dist/sankeyDiagram-DOF6arSJ.js | 10.2 kB · brotli 2.8 kB |
|
|
741
741
|
| d3-sankey | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
742
742
|
| src → sankeyDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
743
743
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
744
|
-
| dist/treeDiagram-
|
|
744
|
+
| dist/treeDiagram-FUVkkblR.js | 4.9 kB · brotli 1.8 kB |
|
|
745
745
|
| d3-hierarchy → src/tree.js | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
746
746
|
| src → treeDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
747
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
748
|
-
| dist/drag-DfL4uwqz.js | 4.
|
|
747
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
748
|
+
| dist/drag-DfL4uwqz.js | 4.3 kB · brotli 1.3 kB |
|
|
749
749
|
| d3-drag | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
750
750
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
751
751
|
| dist/hierarchy-CDFAetye.js | 4.0 kB · brotli 1.1 kB |
|
|
752
752
|
| d3-hierarchy | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
753
753
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
754
754
|
| dist/axis-DjmZ9QYe.js | 3.5 kB · brotli 1.1 kB |
|
|
755
|
-
| d3-axis | `░░░░░░░░░░░░░░░░░░░░` 0.
|
|
755
|
+
| d3-axis | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
756
756
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
757
|
-
| dist/path-
|
|
757
|
+
| dist/path-BoJ8LMXE.js | 2.7 kB · brotli 1005 B |
|
|
758
758
|
| d3-path → src/path.js | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
759
759
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
760
|
-
| dist/pow-
|
|
760
|
+
| dist/pow-CxQV96gC.js | 2.4 kB · brotli 962 B |
|
|
761
761
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
762
762
|
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
763
763
|
| d3-scale → src/pow.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
764
|
-
| dist/dpuse-tool-d3-visualiser.es.js | 2.3 kB · brotli
|
|
764
|
+
| dist/dpuse-tool-d3-visualiser.es.js | 2.3 kB · brotli 512 B |
|
|
765
765
|
| src → index.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
766
766
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
767
|
-
| dist/band-
|
|
767
|
+
| dist/band-BFcwtSdG.js | 2.1 kB · brotli 740 B |
|
|
768
768
|
| d3-scale → src/band.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
769
769
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
770
770
|
| d3-array → src/range.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
771
|
-
| dist/link-
|
|
771
|
+
| dist/link-DRDgTeij.js | 1.9 kB · brotli 665 B |
|
|
772
772
|
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
773
773
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
774
|
-
| dist/d3BarChart-
|
|
774
|
+
| dist/d3BarChart-BQCPo1ub.js | 1.8 kB · brotli 824 B |
|
|
775
775
|
| src → d3BarChart.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
776
776
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
777
|
-
| dist/nodrag-Dq2tlBbe.js | 1.6 kB · brotli
|
|
777
|
+
| dist/nodrag-Dq2tlBbe.js | 1.6 kB · brotli 596 B |
|
|
778
778
|
| d3-drag | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
779
779
|
| d3-selection | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
780
780
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
781
|
-
| dist/palette-BuTjISrV.js |
|
|
781
|
+
| dist/palette-BuTjISrV.js | 911 B · brotli 388 B |
|
|
782
782
|
| src → palette.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
783
783
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
784
|
-
| dist/ordinal-
|
|
784
|
+
| dist/ordinal-CDNZetSD.js | 796 B · brotli 384 B |
|
|
785
785
|
| d3-scale → src/ordinal.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
786
786
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
787
|
-
| dist/sum-CNP0Xric.js |
|
|
787
|
+
| dist/sum-CNP0Xric.js | 568 B · brotli 225 B |
|
|
788
788
|
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
789
789
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
790
|
-
| dist/point-
|
|
790
|
+
| dist/point-GXxVI808.js | 525 B · brotli 275 B |
|
|
791
791
|
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
792
792
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
793
|
-
| dist/math-C5EhTgJw.js |
|
|
793
|
+
| dist/math-C5EhTgJw.js | 456 B · brotli 231 B |
|
|
794
794
|
| d3-shape → src/math.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
795
795
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
796
|
-
| dist/max-CPVNm4tn.js |
|
|
796
|
+
| dist/max-CPVNm4tn.js | 330 B · brotli 189 B |
|
|
797
797
|
| d3-array → src/max.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
798
798
|
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
799
|
-
| dist/array-Cv4-2llb.js |
|
|
800
|
-
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
799
|
+
| dist/array-Cv4-2llb.js | 325 B · brotli 163 B |
|
|
801
800
|
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
801
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
802
802
|
|
|
803
803
|
(unassigned) = bytes Sonda can't trace to a specific source line (whitespace, stray keywords, bundler-injected region markers) — not actual missing/unknown code.
|
|
804
804
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dpuse-tool-d3-visualiser.es.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// TODO: See https://d3-graph-gallery.com/index.html.\n\n// ── External Dependencies & Registrations\nimport type { Chart } from 'billboard.js';\n\n// ── DPUse Framework\nimport type { PresentationView } from '@dpuse/dpuse-shared/component/presentation';\n\n// ── Local Framework\nimport type { BarChartData } from '@/billboardJs';\nimport type { ObservablePlotChartTypeId } from '@/observablePlot';\nimport type { ChordDiagramData, ChordDiagramOptions } from '@/chordDiagram';\nimport type { ErdDiagramData, ErdDiagramOptions } from '@/erdDiagram';\nimport type { NetworkDiagramData, NetworkDiagramOptions } from '@/networkDiagram';\nimport type { SankeyDiagramData, SankeyDiagramOptions } from '@/sankeyDiagram';\nimport type { TreeDiagramNode, TreeDiagramOptions } from '@/treeDiagram';\n\n// ── Types ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport type { BarChartData, BarChartSeries } from '@/billboardJs';\nexport type { ChordDiagramData, ChordDiagramLink, ChordDiagramNode, ChordDiagramOptions } from '@/chordDiagram';\nexport type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from '@/erdDiagram';\nexport type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from '@/networkDiagram';\nexport type { ObservablePlotChartTypeId } from '@/observablePlot';\nexport type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from '@/sankeyDiagram';\nexport type { TreeDiagramNode, TreeDiagramNodeRoleId, TreeDiagramOptions } from '@/treeDiagram';\n\nexport interface D3View extends PresentationView {\n svg: SVGSVGElement;\n}\n\nexport interface D3NetworkView extends D3View {\n destroy: () => void;\n triggerAutoLayout: () => void;\n}\n\nexport interface D3BarChartView extends PresentationView {\n chart: Chart;\n destroy: () => void;\n}\n\nexport interface D3TanStackChartsView extends D3View {\n destroy: () => void;\n}\n\n// ── Constants ────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nconst D3_ID = 'd3';\n\n// ── Tools ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport class
|
|
1
|
+
{"version":3,"file":"dpuse-tool-d3-visualiser.es.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// TODO: See https://d3-graph-gallery.com/index.html.\n\n// ── External Dependencies & Registrations\nimport type { Chart } from 'billboard.js';\n\n// ── DPUse Framework\nimport type { PresentationView } from '@dpuse/dpuse-shared/component/presentation';\n\n// ── Local Framework\nimport type { BarChartData } from '@/billboardJs';\nimport type { ObservablePlotChartTypeId } from '@/observablePlot';\nimport type { ChordDiagramData, ChordDiagramOptions } from '@/chordDiagram';\nimport type { ErdDiagramData, ErdDiagramOptions } from '@/erdDiagram';\nimport type { NetworkDiagramData, NetworkDiagramOptions } from '@/networkDiagram';\nimport type { SankeyDiagramData, SankeyDiagramOptions } from '@/sankeyDiagram';\nimport type { TreeDiagramNode, TreeDiagramOptions } from '@/treeDiagram';\n\n// ── Types ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport type { BarChartData, BarChartSeries } from '@/billboardJs';\nexport type { ChordDiagramData, ChordDiagramLink, ChordDiagramNode, ChordDiagramOptions } from '@/chordDiagram';\nexport type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from '@/erdDiagram';\nexport type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from '@/networkDiagram';\nexport type { ObservablePlotChartTypeId } from '@/observablePlot';\nexport type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from '@/sankeyDiagram';\nexport type { TreeDiagramNode, TreeDiagramNodeRoleId, TreeDiagramOptions } from '@/treeDiagram';\n\nexport interface D3View extends PresentationView {\n svg: SVGSVGElement;\n}\n\nexport interface D3NetworkView extends D3View {\n destroy: () => void;\n triggerAutoLayout: () => void;\n}\n\nexport interface D3BarChartView extends PresentationView {\n chart: Chart;\n destroy: () => void;\n}\n\nexport interface D3TanStackChartsView extends D3View {\n destroy: () => void;\n}\n\n// ── Constants ────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nconst D3_ID = 'd3';\n\n// ── Tools ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport class Tool {\n // Actions - Render chart (Billboard.js, SVG only - see the `billboard.js/canvas` entry point for canvas rendering, unused here).\n async renderBillboardJS(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3BarChartView> {\n const { renderBillboardJS } = await import('@/billboardJs');\n const handle = renderBillboardJS(data, renderTo);\n callback?.();\n return {\n chart: handle.chart,\n destroy: handle.destroy,\n resize: handle.resize,\n vendorId: 'billboard.js'\n };\n }\n\n // Actions - Render Observable Plot visualisation.\n async renderObservablePlot(typeId: ObservablePlotChartTypeId, data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderObservablePlot } = await import('@/observablePlot');\n const handle = renderObservablePlot(typeId, data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'observable-plot'\n };\n }\n\n // Actions - Render bar chart using raw D3 primitives (d3-scale, d3-axis - no chart wrapper library).\n async renderD3BarChart(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderD3BarChart } = await import('@/d3BarChart');\n const handle = renderD3BarChart(data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render bar chart using TanStack Charts (pre-alpha as of 0.6.4 - its vanilla-DOM mountChart() API is undocumented and may change).\n async renderTanStackCharts(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3TanStackChartsView> {\n const { renderTanStackCharts } = await import('@/tanStackCharts');\n const handle = renderTanStackCharts(data, renderTo);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'tanstack-charts'\n };\n }\n\n // Actions - Render chord diagram (Unovis).\n async renderChordDiagram(data: ChordDiagramData, renderTo: HTMLElement, options?: ChordDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderChordDiagram } = await import('@/chordDiagram');\n const handle = renderChordDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'unovis'\n };\n }\n\n // Actions - Render ERD diagram.\n async renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderErdDiagram } = await import('@/erdDiagram');\n const handle = renderErdDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render network diagram.\n async renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions, callback?: () => void): Promise<D3NetworkView> {\n const { renderNetworkDiagram } = await import('@/networkDiagram');\n const handle = renderNetworkDiagram(data, renderTo, options);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n triggerAutoLayout: handle.triggerAutoLayout,\n vendorId: D3_ID\n };\n }\n\n // Actions - Render Sankey diagram.\n async renderSankeyDiagram(data: SankeyDiagramData, renderTo: HTMLElement, options?: SankeyDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderSankeyDiagram } = await import('@/sankeyDiagram');\n const handle = renderSankeyDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render tree diagram.\n async renderTreeDiagram(data: TreeDiagramNode, renderTo: HTMLElement, options?: TreeDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderTreeDiagram } = await import('@/treeDiagram');\n const handle = renderTreeDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n}\n"],"mappings":";AA+CA,IAIa,IAAb,MAAkB;CAEd,MAAM,kBAAkB,GAAoB,GAAuB,GAAgD;EAC/G,IAAM,EAAE,yBAAsB,MAAM,OAAO,8BACrC,IAAS,EAAkB,GAAM,CAAQ;EAE/C,OADA,IAAW,GACJ;GACH,OAAO,EAAO;GACd,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,UAAU;EACd;CACJ;CAGA,MAAM,qBAAqB,GAAmC,GAAoB,GAAuB,GAAwC;EAC7I,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAQ,GAAM,CAAQ;EAE1D,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,iBAAiB,GAAoB,GAAuB,GAAwC;EACtG,IAAM,EAAE,wBAAqB,MAAM,OAAO,6BACpC,IAAS,EAAiB,GAAM,CAAQ;EAE9C,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,qBAAqB,GAAoB,GAAuB,GAAsD;EACxH,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAM,CAAQ;EAElD,OADA,IAAW,GACJ;GACH,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,mBAAmB,GAAwB,GAAuB,GAA+B,GAAwC;EAC3I,IAAM,EAAE,0BAAuB,MAAM,OAAO,+BACtC,IAAS,EAAmB,GAAM,GAAU,CAAO;EAEzD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,iBAAiB,GAAsB,GAAuB,GAA6B,GAAwC;EACrI,IAAM,EAAE,wBAAqB,MAAM,OAAO,6BACpC,IAAS,EAAiB,GAAM,GAAU,CAAO;EAEvD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,qBAAqB,GAA0B,GAAuB,GAAiC,GAA+C;EACxJ,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAM,GAAU,CAAO;EAE3D,OADA,IAAW,GACJ;GACH,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,mBAAmB,EAAO;GAC1B,UAAU;EACd;CACJ;CAGA,MAAM,oBAAoB,GAAyB,GAAuB,GAAgC,GAAwC;EAC9I,IAAM,EAAE,2BAAwB,MAAM,OAAO,gCACvC,IAAS,EAAoB,GAAM,GAAU,CAAO;EAE1D,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,kBAAkB,GAAuB,GAAuB,GAA8B,GAAwC;EACxI,IAAM,EAAE,yBAAsB,MAAM,OAAO,8BACrC,IAAS,EAAkB,GAAM,GAAU,CAAO;EAExD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;AACJ"}
|
|
@@ -28,7 +28,7 @@ export interface D3BarChartView extends PresentationView {
|
|
|
28
28
|
export interface D3TanStackChartsView extends D3View {
|
|
29
29
|
destroy: () => void;
|
|
30
30
|
}
|
|
31
|
-
export declare class
|
|
31
|
+
export declare class Tool {
|
|
32
32
|
renderBillboardJS(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3BarChartView>;
|
|
33
33
|
renderObservablePlot(typeId: ObservablePlotChartTypeId, data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View>;
|
|
34
34
|
renderD3BarChart(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dpuse/dpuse-tool-d3-visualiser",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.49",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A TypeScript wrapper for D3, Billboard.js, Observable Plot, and Unovis that implements the Data Positioning chart-rendering interface, providing ERD (dagre), Sankey (d3-sankey), chord (Unovis), network (d3-force), tree (d3-hierarchy), and bar chart (billboard.js, Observable Plot) renderers.",
|
|
6
6
|
"license": "MIT",
|