vue-data-ui-cli 0.0.1

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/datasets.js ADDED
@@ -0,0 +1,1288 @@
1
+ export default (componentName) => {
2
+ const datasets = {
3
+ VueUiXy: [
4
+ {
5
+ name: 'Serie',
6
+ series: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34],
7
+ type: 'line',
8
+ dataLabels: true,
9
+ },
10
+ ],
11
+ VueUiDonut: [
12
+ {
13
+ name: 'Series 1',
14
+ color: '#1f77b4',
15
+ values: [100],
16
+ },
17
+ {
18
+ name: 'Series 2',
19
+ color: '#aec7e8',
20
+ values: [200],
21
+ },
22
+ {
23
+ name: 'Series 3',
24
+ color: '#ff7f0e',
25
+ values: [300, 1],
26
+ },
27
+ ],
28
+ VueUiNestedDonuts: [
29
+ {
30
+ name: 'Group 1',
31
+ series: [
32
+ {
33
+ name: 'Serie 1',
34
+ values: [50],
35
+ },
36
+ {
37
+ name: 'Serie 2',
38
+ values: [30],
39
+ },
40
+ {
41
+ name: 'Serie 3',
42
+ values: [20],
43
+ },
44
+ ],
45
+ },
46
+ {
47
+ name: 'Group 2',
48
+ series: [
49
+ {
50
+ name: 'Serie 1',
51
+ values: [40],
52
+ },
53
+ {
54
+ name: 'Serie 2',
55
+ values: [40],
56
+ },
57
+ {
58
+ name: 'Serie 3',
59
+ values: [30],
60
+ },
61
+ ],
62
+ },
63
+ ],
64
+ VueUiStackbar: [
65
+ {
66
+ name: 'Serie 1',
67
+ series: [19, 20.07, 30, 40, 50, 60],
68
+ },
69
+ {
70
+ name: 'Serie 2',
71
+ series: [13, 8, 9, 13, 25, 27],
72
+ },
73
+ {
74
+ name: 'Serie 3',
75
+ series: [13, 10, 9, 13, 25, 19],
76
+ },
77
+ {
78
+ name: 'Serie 4',
79
+ series: [25, 23, 9, 13, 25, 31],
80
+ },
81
+ ],
82
+ VueUiSparkline: [
83
+ { period: 'T0', value: 0 },
84
+ { period: 'T1', value: 1 },
85
+ { period: 'T2', value: 1 },
86
+ { period: 'T3', value: 2 },
87
+ { period: 'T4', value: 3 },
88
+ { period: 'T5', value: 5 },
89
+ { period: 'T6', value: 8 },
90
+ { period: 'T7', value: 13 },
91
+ { period: 'T8', value: 21 },
92
+ { period: 'T9', value: 34 },
93
+ ],
94
+ VueUiSparkbar: [
95
+ {
96
+ name: 'quality',
97
+ value: 61.953,
98
+ rounding: 2,
99
+ prefix: '',
100
+ suffix: '%',
101
+ },
102
+ {
103
+ name: 'popularity',
104
+ value: 2.0412,
105
+ rounding: 2,
106
+ prefix: '',
107
+ suffix: '%',
108
+ },
109
+ {
110
+ name: 'maintenance',
111
+ value: 33.3291,
112
+ rounding: 2,
113
+ prefix: '',
114
+ suffix: '%',
115
+ },
116
+ ],
117
+ VueUiSparkStackbar: [
118
+ {
119
+ name: 'Vue',
120
+ value: 258,
121
+ color: '#1f77b4',
122
+ },
123
+ {
124
+ name: 'Javascript',
125
+ value: 36,
126
+ color: '#aec7e8',
127
+ },
128
+ {
129
+ name: 'Other',
130
+ value: 16,
131
+ color: '#ff7f0e',
132
+ },
133
+ ],
134
+ VueUiGauge: {
135
+ base: 0,
136
+ value: 4.2,
137
+ series: [
138
+ {
139
+ from: 1,
140
+ to: 3,
141
+ color: '#ff6400',
142
+ name: 'bad',
143
+ },
144
+ {
145
+ from: 3,
146
+ to: 4,
147
+ color: '#5f8bee',
148
+ name: 'acceptable',
149
+ },
150
+ {
151
+ from: 4,
152
+ to: 5,
153
+ color: '#42d392',
154
+ name: 'very good',
155
+ },
156
+ ],
157
+ },
158
+ VueUiSparkHistogram: [
159
+ {
160
+ value: 1.2,
161
+ valueLabel: '20%',
162
+ timeLabel: '09:00',
163
+ intensity: 0.2,
164
+ },
165
+ {
166
+ value: 1.3,
167
+ valueLabel: '50%',
168
+ timeLabel: '10:00',
169
+ intensity: 0.5,
170
+ },
171
+ {
172
+ value: 1.1,
173
+ valueLabel: '60%',
174
+ timeLabel: '11:00',
175
+ intensity: 0.6,
176
+ },
177
+ {
178
+ value: 0.8,
179
+ valueLabel: '70%',
180
+ timeLabel: '12:00',
181
+ intensity: 0.7,
182
+ },
183
+ {
184
+ value: 2,
185
+ valueLabel: '100%',
186
+ timeLabel: '13:00',
187
+ intensity: 1,
188
+ },
189
+ {
190
+ value: 2.1,
191
+ valueLabel: '100%',
192
+ timeLabel: '14:00',
193
+ intensity: 1,
194
+ },
195
+ {
196
+ value: 2.3,
197
+ valueLabel: '80%',
198
+ timeLabel: '15:00',
199
+ intensity: 0.8,
200
+ },
201
+ {
202
+ value: 2.1,
203
+ valueLabel: '70%',
204
+ timeLabel: '16:00',
205
+ intensity: 0.7,
206
+ },
207
+ {
208
+ value: 0.9,
209
+ valueLabel: '60%',
210
+ timeLabel: '17:00',
211
+ intensity: 0.6,
212
+ },
213
+ {
214
+ value: 0.7,
215
+ valueLabel: '50%',
216
+ timeLabel: '18:00',
217
+ intensity: 0.5,
218
+ },
219
+ {
220
+ value: 0.3,
221
+ valueLabel: '30%',
222
+ timeLabel: '19:00',
223
+ intensity: 0.3,
224
+ },
225
+ {
226
+ value: 0.2,
227
+ valueLabel: '20%',
228
+ timeLabel: '20:00',
229
+ intensity: 0.2,
230
+ },
231
+ ],
232
+ VueUiSparkgauge: {
233
+ value: -8,
234
+ min: -10,
235
+ max: 10,
236
+ title: 'KPI 1',
237
+ },
238
+ VueUiSparkTrend: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34],
239
+ VueUiGizmo: 66.33,
240
+ VueUiQuickChart: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34],
241
+ VueUiKpi: 123456789,
242
+ VueUiBullet: {
243
+ value: 85,
244
+ target: 80,
245
+ segments: [
246
+ {
247
+ name: 'Low',
248
+ from: 0,
249
+ to: 50,
250
+ },
251
+ {
252
+ name: 'Medium',
253
+ from: 50,
254
+ to: 70,
255
+ },
256
+ {
257
+ name: 'High',
258
+ from: 70,
259
+ to: 100,
260
+ },
261
+ ],
262
+ },
263
+ VueUiXyCanvas: [
264
+ {
265
+ name: 'Series 1',
266
+ series: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34],
267
+ type: 'bar',
268
+ dataLabels: false,
269
+ },
270
+ ],
271
+ VueUiVerticalBar: [
272
+ {
273
+ name: 'Serie 1',
274
+ value: 100,
275
+ children: [
276
+ {
277
+ name: 'serie 1 child 1',
278
+ value: 80,
279
+ },
280
+ {
281
+ name: 'serie 1 child 2',
282
+ value: 20,
283
+ },
284
+ ],
285
+ },
286
+ {
287
+ name: 'Serie 2',
288
+ value: 345,
289
+ },
290
+ {
291
+ name: 'Serie 3',
292
+ value: 210,
293
+ },
294
+ {
295
+ name: 'Serie 4',
296
+ value: 188,
297
+ },
298
+ {
299
+ name: 'Serie 5',
300
+ value: 120,
301
+ children: [
302
+ {
303
+ name: 'Serie 5 child 1',
304
+ value: 60,
305
+ },
306
+ {
307
+ name: 'Serie 5 child 2',
308
+ value: 20,
309
+ },
310
+ {
311
+ name: 'Serie 5 child 3',
312
+ value: 40,
313
+ },
314
+ ],
315
+ },
316
+ ],
317
+ VueUiParallelCoordinatePlot: [
318
+ {
319
+ name: 'Series 1',
320
+ shape: 'triangle',
321
+ series: [
322
+ {
323
+ name: 'Item 1.1',
324
+ values: [1200, 300, 12, 1.2],
325
+ },
326
+ {
327
+ name: 'Item 1.2',
328
+ values: [1000, 100, 10, 1],
329
+ },
330
+ {
331
+ name: 'Item 1.3',
332
+ values: [-800, 85, 8.5, 0.85],
333
+ },
334
+ ],
335
+ },
336
+ {
337
+ name: 'Series 2',
338
+ series: [
339
+ {
340
+ name: 'Item 2.1',
341
+ values: [2300, 230, 23, 2.3],
342
+ },
343
+ {
344
+ name: 'Item 2.2',
345
+ values: [2500, 250, 25, 2.5],
346
+ },
347
+ {
348
+ name: 'Item 2.3',
349
+ values: [2800, 280, 28, 2.8],
350
+ },
351
+ ],
352
+ },
353
+ ],
354
+ VueUiFlow: [
355
+ ['A1', 'B1', 10],
356
+ ['A1', 'B2', 10],
357
+ ['B1', 'C1', 5],
358
+ ['B1', 'C2', 5],
359
+ ['B1', 'C3', 5],
360
+ ['B1', 'C4', 5],
361
+ ['A2', 'B1', 10],
362
+ ['B2', 'C5', 10],
363
+ ['C3', 'D1', 2],
364
+ ['C4', 'D1', 2],
365
+ ['C5', 'D1', 2],
366
+ ['C2', 'D2', 2],
367
+ ['C3', 'D2', 1],
368
+ ],
369
+ VueUiCandlestick: [
370
+ ['2025-01-01', 56, 120, 40, 110, 1250],
371
+ ['2025-02-01', 110, 150, 80, 98, 2200],
372
+ ['2025-03-01', 98, 155, 75, 103, 3500],
373
+ ['2025-04-01', 103, 115, 102, 102, 999],
374
+ ['2025-05-01', 102, 135, 72, 85, 3216],
375
+ ['2025-06-01', 85, 162, 65, 107, 4315],
376
+ ['2025-07-01', 107, 134, 99, 112, 2561],
377
+ ['2025-08-01', 112, 125, 112, 120, 669],
378
+ ['2025-09-01', 120, 113, 76, 89, 2591],
379
+ ['2025-10-01', 89, 150, 85, 125, 2881],
380
+ ['2025-11-01', 125, 130, 45, 92, 1972],
381
+ ['2025-12-01', 92, 120, 35, 75, 3599],
382
+ ['2025-13-01', 75, 80, 26, 45, 5881],
383
+ ['2025-14-01', 45, 60, 20, 30, 2881],
384
+ ['2025-15-01', 30, 120, 10, 105, 2881],
385
+ ],
386
+ VueUiAgePyramid: [
387
+ ['2017', 5, 366538, 382762],
388
+ ['2018', 4, 356873, 376705],
389
+ ['2019', 3, 351707, 368670],
390
+ ['2020', 2, 341042, 356678],
391
+ ['2021', 1, 343026, 357351],
392
+ ['2022', 0, 330929, 345538],
393
+ ],
394
+ VueUiDonutEvolution: [
395
+ {
396
+ name: 'Serie 1',
397
+ values: [55, 34, 21, 13, 8, 5, 8, 13, 21, 34, 55],
398
+ },
399
+ {
400
+ name: 'Serie 2',
401
+ values: [1, 12, 24, 32, 5, 8, 13, 21, 34, 55, 89],
402
+ },
403
+ {
404
+ name: 'Serie 3',
405
+ values: [16, 2, 3, 5, 28, 13, 21, 34, 55, 89, 134],
406
+ },
407
+ {
408
+ name: 'Serie 4',
409
+ values: [5, null, 5, 5, 5, 5],
410
+ },
411
+ ],
412
+ VueUiFunnel: [
413
+ {
414
+ name: 'Lead',
415
+ value: 8249,
416
+ },
417
+ {
418
+ name: 'Opportunity',
419
+ value: 6322,
420
+ },
421
+ {
422
+ name: 'Qualified',
423
+ value: 4562,
424
+ },
425
+ {
426
+ name: 'Sold',
427
+ value: 3021,
428
+ },
429
+ {
430
+ name: 'Retained',
431
+ value: 1412,
432
+ },
433
+ ],
434
+ VueUiHistoryPlot: [
435
+ {
436
+ name: 'Series 1',
437
+ values: [
438
+ { x: 355, y: 2.3, label: 'January' },
439
+ { x: 112, y: 1.2, label: 'February' },
440
+ { x: 313, y: 0.4, label: 'March' },
441
+ { x: 555, y: 1.2, label: 'April' },
442
+ ],
443
+ },
444
+ {
445
+ name: 'Series 2',
446
+ values: [
447
+ { x: 1000, y: 2, label: 'January' },
448
+ { x: 655, y: 4, label: 'February' },
449
+ { x: 350, y: 3, label: 'March' },
450
+ { x: 815, y: 2.5, label: 'April' },
451
+ ],
452
+ },
453
+ ],
454
+ VueUiWaffle: [
455
+ {
456
+ name: 'Series 1',
457
+ color: '#1f77b4',
458
+ values: [100],
459
+ },
460
+ {
461
+ name: 'Series 2',
462
+ color: '#aec7e8',
463
+ values: [200],
464
+ },
465
+ {
466
+ name: 'Series 3',
467
+ color: '#ff7f0e',
468
+ values: [300, 1],
469
+ },
470
+ ],
471
+ VueUiHeatmap: [
472
+ {
473
+ name: "Mon",
474
+ values: [31, 58, 12, 25, 13]
475
+ },
476
+ {
477
+ name: "Tue",
478
+ values: [3, 12, 7, 9, 15, 27]
479
+ },
480
+ {
481
+ name: "Wed",
482
+ values: [8, 9, 3, 18, 11, 7]
483
+ }
484
+ ],
485
+ VueUiTreemap: [
486
+ {
487
+ name: "Parent 1",
488
+ value: 100,
489
+ children: [
490
+ {
491
+ name: "P1 C1",
492
+ value: 70,
493
+ },
494
+ {
495
+ name: 'P1 C2',
496
+ value: 20
497
+ },
498
+ {
499
+ name: 'P1 C3',
500
+ value: 10,
501
+ },
502
+ ]
503
+ },
504
+ {
505
+ name: "Parent 2",
506
+ value: 110,
507
+ children: [
508
+ {
509
+ name: "P2 C1",
510
+ value: 80,
511
+ },
512
+ {
513
+ name: 'P2 C2',
514
+ value: 20
515
+ },
516
+ {
517
+ name: 'P2 C3',
518
+ value: 10,
519
+ },
520
+ ]
521
+ }
522
+ ],
523
+ VueUiRings: [
524
+ {
525
+ name: "Serie 1",
526
+ color: "#5f8bee",
527
+ values: [100]
528
+ },
529
+ {
530
+ name: "Serie 2",
531
+ color: "#42d392",
532
+ values: [200]
533
+ },
534
+ {
535
+ name: "Serie 3",
536
+ color: "#ff6400",
537
+ values: [300, 1]
538
+ },
539
+ {
540
+ name: "Serie 4",
541
+ color: "#f7e97c",
542
+ values: [50, 1]
543
+ },
544
+ {
545
+ name: "Serie 5",
546
+ color: "#42e9f5",
547
+ values: [25, 1]
548
+ }
549
+ ],
550
+ VueUiGalaxy: [
551
+ {
552
+ name: 'Series 1',
553
+ color: '#1f77b4',
554
+ values: [100],
555
+ },
556
+ {
557
+ name: 'Series 2',
558
+ color: '#aec7e8',
559
+ values: [200],
560
+ },
561
+ {
562
+ name: 'Series 3',
563
+ color: '#ff7f0e',
564
+ values: [300, 1],
565
+ },
566
+ ],
567
+ VueUiChestnut: [
568
+ {
569
+ name: "Root1",
570
+ color: "#ff6400",
571
+ branches: [
572
+ {
573
+ name: "branch 1.1",
574
+ value: 200,
575
+ breakdown: [
576
+ {
577
+ name: "break 1.1.1",
578
+ value: 50,
579
+ color: "#F17171"
580
+ },
581
+ {
582
+ name: "break 1.1.2",
583
+ value: 25,
584
+ color: "#ffc800"
585
+ },
586
+ {
587
+ name: "break 1.1.3",
588
+ value: 25,
589
+ color: "#42d392"
590
+ },
591
+ ]
592
+ },
593
+ {
594
+ name: "branch 1.2",
595
+ value: 100,
596
+ breakdown: [
597
+ {
598
+ name: "break 1.2.1",
599
+ value: 10,
600
+ color: "#F17171"
601
+ },
602
+ {
603
+ name: "break 1.2.2",
604
+ value: 20,
605
+ color: "#ffc800"
606
+ },
607
+ {
608
+ name: "break 1.2.3",
609
+ value: 70,
610
+ color: "#42d392"
611
+ },
612
+ ]
613
+ },
614
+ {
615
+ name: "branch 1.3",
616
+ value: 175,
617
+ breakdown: [
618
+ {
619
+ name: "break 1.3.1",
620
+ value: 90,
621
+ color: "#F17171"
622
+ },
623
+ {
624
+ name: "break 1.3.2",
625
+ value: 10,
626
+ color: "#ffc800"
627
+ },
628
+ {
629
+ name: "break 1.3.3",
630
+ value: 75,
631
+ color: "#42d392"
632
+ },
633
+ ]
634
+ },
635
+ ]
636
+ }
637
+ ],
638
+ VueUiOnion: [
639
+ {
640
+ name: "Serie 1",
641
+ percentage: 21,
642
+ value: 1200,
643
+ color: "#5f8bee"
644
+ },
645
+ {
646
+ name: "Serie 2",
647
+ percentage: 34,
648
+ value: 1000,
649
+ color: "#ff6400"
650
+ },
651
+ {
652
+ name: "Serie 3",
653
+ percentage: 79,
654
+ value: 1280,
655
+ color: "#42d392",
656
+ }
657
+ ],
658
+ VueUiWheel: { percentage: 66.33 },
659
+ VueUiTiremarks: { percentage: 66.33 },
660
+ VueUiThermometer: {
661
+ value: 37,
662
+ from: -100,
663
+ to: 100,
664
+ steps: 20,
665
+ colors: {
666
+ from: "#dc3912",
667
+ to: "#3366cc",
668
+ }
669
+ },
670
+ VueUiWordCloud: [
671
+ { name: 'Lorem', value: 100 },
672
+ { name: 'Ipsum', value: 80 },
673
+ { name: 'Dolor', value: 66 },
674
+ { name: 'Sit', value: 40 },
675
+ { name: 'Amet', value: 20 }
676
+ ],
677
+ VueUiRelationCircle: [
678
+ {
679
+ id: "01",
680
+ label: "Lorem",
681
+ relations: ["02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
682
+ weights: [5, 3, 10, 2, 9, 3, 1, 2, 3, 7, 1],
683
+ color: "#eb4034",
684
+ },
685
+ {
686
+ id: "02",
687
+ label: "Ipsum",
688
+ relations: ["01", "03", "07", "06", "07"],
689
+ weights: [3, 2, 9, 7, 1],
690
+ color: "#e0992d",
691
+ },
692
+ {
693
+ id: "03",
694
+ label: "Dolor",
695
+ relations: ["01", "02"],
696
+ weights: [2, 5],
697
+ color: "#decc2c",
698
+ },
699
+ {
700
+ id: "04",
701
+ label: "Consectetur",
702
+ relations: ["01", "05", "10"],
703
+ weights: [2, 1, 4],
704
+ color: "#a8de2a",
705
+ },
706
+ {
707
+ id: "05",
708
+ label: "Amet",
709
+ relations: ["01", "04", "07", "10"],
710
+ weights: [2, 3, 4, 5],
711
+ color: "#5ed622",
712
+ },
713
+ {
714
+ id: "06",
715
+ label: "Rherum",
716
+ relations: ["01", "02"],
717
+ weights: [4, 1],
718
+ color: "#21d92d",
719
+ },
720
+ {
721
+ id: "07",
722
+ label: "Delecta",
723
+ relations: ["01", "02", "08", "12"],
724
+ weights: [4, 8, 2, 1],
725
+ color: "#23d97b",
726
+ },
727
+ {
728
+ id: "08",
729
+ label: "Nitimur",
730
+ relations: ["01", "07", "12", "01"],
731
+ weights: [7, 3, 2, 3],
732
+ color: "#29d6c2",
733
+ },
734
+ {
735
+ id: "09",
736
+ label: "Vetitum",
737
+ relations: ["01"],
738
+ weights: [1],
739
+ color: "#2aacdb",
740
+ },
741
+ {
742
+ id: "10",
743
+ label: "Monumentum",
744
+ relations: ["01", "04", "05"],
745
+ weights: [4, 1, 4],
746
+ color: "#295bd9",
747
+ },
748
+ {
749
+ id: "11",
750
+ label: "Aere",
751
+ relations: ["01"],
752
+ weights: [3],
753
+ color: "#523ed6",
754
+ },
755
+ {
756
+ id: "12",
757
+ label: "Perennius",
758
+ relations: ["01", "07", "08"],
759
+ weights: [8, 1, 1],
760
+ color: "#8235db",
761
+ }
762
+ ],
763
+ VueUiRadar: {
764
+ categories: [
765
+ {
766
+ name: "category 1",
767
+ color: "#5f8bee"
768
+ },
769
+ {
770
+ name: "category 2",
771
+ color: "#42d392"
772
+ },
773
+ {
774
+ name: "category 3",
775
+ color: "#ff6400"
776
+ }
777
+ ],
778
+ series: [
779
+ {
780
+ name: "Serie 1",
781
+ values: [65, 45, 12],
782
+ color: "",
783
+ target: 100
784
+ },
785
+ {
786
+ name: "Serie 2",
787
+ values: [2525, 3472, 4950],
788
+ color: "",
789
+ target: 10000
790
+ },
791
+ {
792
+ name: "Serie 3",
793
+ values: [4.7, 1, 3],
794
+ color: "",
795
+ target: 5
796
+ },
797
+ {
798
+ name: "Serie 4",
799
+ values: [400, 250, 325],
800
+ color: "",
801
+ target: 500
802
+ },
803
+ {
804
+ name: "Serie 5",
805
+ values: [5, 9, 7],
806
+ color: "",
807
+ target: 10
808
+ },
809
+ {
810
+ name: "Serie 6",
811
+ values: [6, 7, 10],
812
+ color: "",
813
+ target: 10
814
+ },
815
+ ]
816
+ },
817
+ VueUiMoodRadar: {
818
+ "1": 96,
819
+ "2": 64,
820
+ "3": 128,
821
+ "4": 256,
822
+ "5": 384
823
+ },
824
+ VueUiQuadrant: [
825
+ {
826
+ name: "Stars",
827
+ shape: 'star',
828
+ color: "#5f8bee",
829
+ series: [
830
+ {
831
+ name: "Star 1",
832
+ x: 50,
833
+ y: 50
834
+ },
835
+ {
836
+ name: "Star 2",
837
+ x: -10,
838
+ y: -10
839
+ },
840
+ {
841
+ name: "Star 3",
842
+ x: -15,
843
+ y: 20
844
+ },
845
+ {
846
+ name: "Star 4",
847
+ x: 15,
848
+ y: -20
849
+ },
850
+ ]
851
+ },
852
+ {
853
+ name: "Triangles",
854
+ shape: 'triangle',
855
+ color: "#42d392",
856
+ series: [
857
+ {
858
+ name: "Triangle 1",
859
+ x: -50,
860
+ y: -50
861
+ },
862
+ {
863
+ name: "Triangle 2",
864
+ x: 25,
865
+ y: -25
866
+ },
867
+ {
868
+ name: "Triangle 3",
869
+ x: -25,
870
+ y: 25
871
+ },
872
+ {
873
+ name: "Triangle 4",
874
+ x: 10,
875
+ y: 10
876
+ }
877
+ ]
878
+ },
879
+ {
880
+ name: "Hexagons",
881
+ shape: 'hexagon',
882
+ color: "#ff6400",
883
+ series: [
884
+ {
885
+ name: "Hexagon 1",
886
+ x: -39,
887
+ y: 39
888
+ },
889
+ {
890
+ name: "Hexagon 2",
891
+ x: -2,
892
+ y: 45
893
+ },
894
+ {
895
+ name: "Hexagon 3",
896
+ x: -15,
897
+ y: 30
898
+ },
899
+ ]
900
+ },
901
+ ],
902
+ VueUiScatter: [
903
+ {
904
+ name: "Cluster 1",
905
+ values: [
906
+ {
907
+ x: 1,
908
+ y: 1,
909
+ name: "Cluster 1 point 1"
910
+ },
911
+ {
912
+ x: 0,
913
+ y: -1,
914
+ name: "Cluster 1 point 2"
915
+ },
916
+ {
917
+ x: 2,
918
+ y: 3,
919
+ name: "Cluster 1 point 3"
920
+ },
921
+ ]
922
+ },
923
+ {
924
+ name: "Cluster 2",
925
+ values: [
926
+ {
927
+ x: -5,
928
+ y: -4,
929
+ name: "Cluster 2 point 1"
930
+ },
931
+ {
932
+ x: 13,
933
+ y: 8,
934
+ name: "Cluster 2 point 2"
935
+ },
936
+ {
937
+ x: -2,
938
+ y: -7,
939
+ name: "Cluster 2 point 3"
940
+ },
941
+ ]
942
+ }
943
+ ],
944
+ VueUiMolecule: [
945
+ {
946
+ name: "Root",
947
+ details: "This is the root node",
948
+ nodes: [
949
+ {
950
+ name: 'node1',
951
+ details: 'Lorem ipsum',
952
+ nodes: [
953
+ {
954
+ name: 'node1.1', details: 'Lorem ipsum', nodes: [
955
+ { name: 'node1.1' },
956
+ { name: 'node1.2' },
957
+ { name: 'node1.3' },
958
+ ]
959
+ },
960
+ {
961
+ name: 'node1.2', nodes: [
962
+ { name: 'node1.2.1' },
963
+ { name: 'node1.2.2' },
964
+ { name: 'node1.2.3' },
965
+ { name: 'node1.2.4' },
966
+ ]
967
+ },
968
+ {
969
+ name: 'node1.3', nodes: [
970
+ { name: 'node1.3.1' },
971
+ { name: 'node1.3.2' },
972
+ ]
973
+ },
974
+ {
975
+ name: 'node1.4', nodes: [
976
+ { name: 'node1.4.1' },
977
+ { name: 'node1.4.2' },
978
+ { name: 'node1.4.3' },
979
+ { name: 'node1.4.4' },
980
+ { name: 'node1.4.5' },
981
+ { name: 'node1.4.6' },
982
+ ]
983
+ },
984
+ {
985
+ name: 'node1.5', nodes: [
986
+ { name: 'node1.5.1' },
987
+ { name: 'node1.5.2' },
988
+ { name: 'node1.5.3' },
989
+ { name: 'node1.5.4' },
990
+ { name: 'node1.5.5' },
991
+ { name: 'node1.5.6' },
992
+ ]
993
+ },
994
+ {
995
+ name: 'node1.6', nodes: [
996
+ { name: 'node1.6.1' },
997
+ { name: 'node1.6.2' },
998
+ { name: 'node1.6.3' },
999
+ { name: 'node1.6.4' },
1000
+ { name: 'node1.6.5' },
1001
+ { name: 'node1.6.6' },
1002
+ ]
1003
+ },
1004
+ ]
1005
+ },
1006
+ {
1007
+ name: 'node2',
1008
+ nodes: [
1009
+ {
1010
+ name: 'node2.1', nodes: [
1011
+ { name: 'node2.1.1' },
1012
+ { name: 'node2.1.2' },
1013
+ { name: 'node2.1.3' },
1014
+ { name: 'node2.1.4' },
1015
+ { name: 'node2.1.5' },
1016
+ {
1017
+ name: 'node2.1.6', nodes: [
1018
+ { name: 'node2.1.6.1' },
1019
+ { name: 'node2.1.6.2' },
1020
+ { name: 'node2.1.6.3' },
1021
+ { name: 'node2.1.6.4' },
1022
+ { name: 'node2.1.6.5' },
1023
+ {
1024
+ name: 'node2.1.6.6', nodes: [
1025
+ { name: 'node2.1.6.6.1' },
1026
+ { name: 'node2.1.6.6.2' },
1027
+ { name: 'node2.1.6.6.3' },
1028
+ { name: 'node2.1.6.6.4' },
1029
+ { name: 'node2.1.6.6.5' },
1030
+ {
1031
+ name: 'node2.1.6.6.6', nodes: [
1032
+ { name: 'node2.1.6.6.6.1' },
1033
+ { name: 'node2.1.6.6.6.2' },
1034
+ { name: 'node2.1.6.6.6.3' },
1035
+ { name: 'node2.1.6.6.6.4' },
1036
+ { name: 'node2.1.6.6.6.5' },
1037
+ { name: 'node2.1.6.6.6.6' },
1038
+ ]
1039
+ },
1040
+ ]
1041
+ },
1042
+ ]
1043
+ },
1044
+ ]
1045
+ },
1046
+ ]
1047
+ },
1048
+ {
1049
+ name: 'node3',
1050
+ nodes: [
1051
+ { name: 'node3.1' },
1052
+ { name: 'node3.2' },
1053
+ { name: 'node3.3' },
1054
+ ]
1055
+ },
1056
+ {
1057
+ name: 'node4',
1058
+ nodes: [
1059
+ { name: 'node4.1' },
1060
+ { name: 'node4.2', nodes: [
1061
+ { name: 'node4.2.1'},
1062
+ { name: 'node4.2.2'},
1063
+ { name: 'node4.2.3'},
1064
+ ] },
1065
+ { name: 'node4.3' },
1066
+ { name: 'node4.4', nodes: [
1067
+ { name: 'node4.4.1'},
1068
+ { name: 'node4.4.2'},
1069
+ { name: 'node4.4.3'},
1070
+ { name: 'node4.4.4'},
1071
+ { name: 'node4.4.5'},
1072
+ ] },
1073
+ ]
1074
+ },
1075
+ {
1076
+ name: 'node5',
1077
+ nodes: [
1078
+ { name: 'node4.1' },
1079
+ { name: 'node4.2' },
1080
+ { name: 'node4.3' },
1081
+ { name: 'node4.4' },
1082
+ { name: 'node4.5' },
1083
+ ]
1084
+ },
1085
+ {
1086
+ name: 'node6',
1087
+ nodes: [
1088
+ { name: 'node4.1' },
1089
+ { name: 'node4.2' },
1090
+ { name: 'node4.3' },
1091
+ { name: 'node4.4' },
1092
+ ]
1093
+ },
1094
+ ]
1095
+ }
1096
+ ],
1097
+ VueUiStripPlot: [
1098
+ {
1099
+ name: "Asia",
1100
+ plots: [
1101
+ { name: "Shanghai", value: 24.9 },
1102
+ { name: "Beijing", value: 21.9 },
1103
+ { name: "Delhi", value: 16.8 },
1104
+ { name: "Guangzhou", value: 16.1 },
1105
+ { name: "Istanbul", value: 15.6 },
1106
+ { name: "Chengdu", value: 15.4 },
1107
+ { name: "Mumbai", value: 15.4 },
1108
+ { name: "Karachi", value: 14.9 },
1109
+ { name: "Shenzen", value: 14.7 },
1110
+ { name: "Tokyo", value: 14 },
1111
+ ]
1112
+ },
1113
+ {
1114
+ name: "Africa",
1115
+ plots: [
1116
+ { name: "Kinshasa", value: 17.1 },
1117
+ { name: "Lagos", value: 14.9 },
1118
+ { name: "Cairo", value: 9.3 },
1119
+ { name: "Johannesburg", value: 5.6 },
1120
+ { name: "Giza", value: 5.6 },
1121
+ { name: "Khartoum", value: 5.3 },
1122
+ { name: "Abidjan", value: 5 },
1123
+ { name: "Alexandria", value: 4.9 },
1124
+ { name: "Dar es Salaam", value: 4.7 },
1125
+ { name: "Nairobi", value: 4.4 },
1126
+ ]
1127
+ },
1128
+ {
1129
+ name: "Europe",
1130
+ plots: [
1131
+ { name: "Moscow", value: 13 },
1132
+ { name: "London", value: 9 },
1133
+ { name: "Saint Petersburg", value: 5.4 },
1134
+ { name: "Berlin", value: 3.8 },
1135
+ { name: "Madrid", value: 3.3 },
1136
+ { name: "Kyiv", value: 3 },
1137
+ { name: "Rome", value: 2.7 },
1138
+ { name: "Paris", value: 2.1 },
1139
+ { name: "Minsk", value: 2 },
1140
+ { name: "Vienna", value: 1.9 }
1141
+ ]
1142
+ },
1143
+ {
1144
+ name: "America",
1145
+ plots: [
1146
+ { name: "Sao Paulo", value: 12.2 },
1147
+ { name: "Lima", value: 9.7 },
1148
+ { name: "Mexico City", value: 9.2 },
1149
+ { name: "New York", value: 8.4 },
1150
+ { name: "Bogota", value: 8 },
1151
+ { name: "Rio de Janeiro", value: 6.7 },
1152
+ { name: "Santiago", value: 6.2 },
1153
+ { name: "Los Angeles", value: 4 },
1154
+ { name: "Buenos Aires", value: 3 },
1155
+ { name: "Brasilia", value: 2.9 }
1156
+ ]
1157
+ },
1158
+ {
1159
+ name: "Australia & Oceania",
1160
+ plots: [
1161
+ { name: "Sydney", value: 5.4 },
1162
+ { name: "Melbourne", value: 5.1 },
1163
+ { name: "Brisbane", value: 2.6 },
1164
+ { name: "Perth", value: 2.1 },
1165
+ { name: "Auckland", value: 1.7 },
1166
+ { name: "Adelaide", value: 1.4 },
1167
+ { name: "Honolulu", value: 1 },
1168
+ { name: "Gold Coast", value: 0.7 },
1169
+ { name: "Newcastle-Maitland", value: 0.5 },
1170
+ { name: "Canberra", value: 0.46 },
1171
+ ]
1172
+ },
1173
+ ],
1174
+ VueUiDumbbell: [
1175
+ { name: 'Sweden', start: 5000, end: 7100 },
1176
+ { name: 'Korea, Rep.', start: 4900, end: 7050 },
1177
+ { name: 'Iceland', start: 6500, end: 8000 },
1178
+ { name: 'Finland', start: 6400, end: 7600 },
1179
+ { name: 'Norway', start: 5400, end: 6050 },
1180
+ { name: 'Ireland', start: 3000, end: 2000 }
1181
+ ],
1182
+ VueUi3dBar: {
1183
+ series: [
1184
+ {
1185
+ name: 'Serie 1',
1186
+ value: 256,
1187
+ breakdown: [
1188
+ {
1189
+ name: 'Sub serie 1',
1190
+ value: 100
1191
+ },
1192
+ {
1193
+ name: 'Sub serie 2',
1194
+ value: 90
1195
+ },
1196
+ {
1197
+ name: 'Sub serie 3',
1198
+ value: 66
1199
+ }
1200
+ ]
1201
+ },
1202
+ {
1203
+ name: 'Serie 2',
1204
+ value: 128
1205
+ },
1206
+ {
1207
+ name: 'Serie 3',
1208
+ value: 64
1209
+ },
1210
+ {
1211
+ name: 'Serie 4',
1212
+ value: 32
1213
+ },
1214
+ {
1215
+ name: 'Serie 5',
1216
+ value: 16
1217
+ },
1218
+ {
1219
+ name: 'Serie 6',
1220
+ value: 8
1221
+ }
1222
+ ]
1223
+ },
1224
+ VueUiTableSparkline: [
1225
+ {
1226
+ name: "Serie 1",
1227
+ values: [0, 1, 2, 3, 5, 8],
1228
+ color: "#5f8bee",
1229
+ },
1230
+ {
1231
+ name: "Serie 2",
1232
+ values: [8, 12, 13, 25, 31, 42],
1233
+ color: "#42d392",
1234
+ },
1235
+ {
1236
+ name: "Serie 3",
1237
+ values: [66, 22, 33, 12, 55, 64],
1238
+ color: "#ff6400",
1239
+ },
1240
+ {
1241
+ name: "Serie 4",
1242
+ values: [54, 44, 34, 12, 32, 26],
1243
+ color: "#f7e97c"
1244
+ },
1245
+ {
1246
+ name: "Serie 5",
1247
+ values: [12, 14, 18, 25, 32, 64],
1248
+ color: "#42e9f5"
1249
+ },
1250
+ ],
1251
+ VueUiCarouselTable: {
1252
+ head: ["col1", "col2", "col3", "col4", "col5"],
1253
+ body: [
1254
+ [10000, 1000, 100, 10, 0],
1255
+ [10001, 1001, 101, 11, 1],
1256
+ [10002, 1002, 102, 12, 2],
1257
+ [10003, 1003, 103, 13, 3],
1258
+ [10004, 1004, 104, 14, 4],
1259
+ [10005, 1005, 105, 15, 5],
1260
+ [10006, 1006, 106, 16, 6],
1261
+ [10007, 1007, 107, 17, 7],
1262
+ [10008, 1008, 108, 18, 8],
1263
+ [10009, 1009, 109, 19, 9]
1264
+ ]
1265
+ },
1266
+ VueUiRating: {
1267
+ rating: {
1268
+ "1": 146,
1269
+ "2": 225,
1270
+ "3": 3920,
1271
+ "4": 1050,
1272
+ "5": 2125
1273
+ }
1274
+ },
1275
+ VueUiSmiley: {
1276
+ rating: {
1277
+ "1": 146,
1278
+ "2": 225,
1279
+ "3": 3920,
1280
+ "4": 1050,
1281
+ "5": 2125
1282
+ }
1283
+ },
1284
+ VueUiAccordion: null,
1285
+ VueUiSkeleton: null
1286
+ };
1287
+ return datasets[componentName];
1288
+ };