@rokkit/chart 1.0.0-next.12 → 1.0.0-next.121
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 +132 -46
- package/dist/Plot/index.d.ts +5 -0
- package/dist/elements/index.d.ts +6 -0
- package/dist/index.d.ts +14 -0
- package/dist/lib/brewing/axes.svelte.d.ts +72 -0
- package/dist/lib/brewing/bars.svelte.d.ts +54 -0
- package/dist/lib/brewing/dimensions.svelte.d.ts +35 -0
- package/dist/lib/brewing/index.svelte.d.ts +118 -0
- package/dist/lib/brewing/legends.svelte.d.ts +54 -0
- package/dist/lib/brewing/scales.svelte.d.ts +29 -0
- package/dist/lib/brewing/types.d.ts +162 -0
- package/dist/lib/context.d.ts +13 -0
- package/dist/lib/scales.svelte.d.ts +35 -0
- package/dist/lib/utils.d.ts +58 -0
- package/dist/old_lib/brewer.d.ts +9 -0
- package/dist/old_lib/chart.d.ts +40 -0
- package/dist/old_lib/grid.d.ts +72 -0
- package/dist/old_lib/index.d.ts +4 -0
- package/dist/old_lib/plots.d.ts +3 -0
- package/dist/old_lib/swatch.d.ts +285 -0
- package/dist/old_lib/ticks.d.ts +36 -0
- package/dist/old_lib/utils.d.ts +1 -0
- package/dist/patterns/index.d.ts +9 -0
- package/dist/patterns/paths/constants.d.ts +1 -0
- package/dist/symbols/constants/index.d.ts +1 -0
- package/dist/symbols/index.d.ts +5 -0
- package/dist/template/constants.d.ts +43 -0
- package/dist/template/shapes/index.d.ts +4 -0
- package/package.json +28 -44
- package/src/Plot/Axis.svelte +103 -0
- package/src/Plot/Bar.svelte +95 -0
- package/src/Plot/Grid.svelte +68 -0
- package/src/Plot/Legend.svelte +129 -0
- package/src/Plot/Root.svelte +112 -0
- package/src/Plot/index.js +5 -0
- package/src/Symbol.svelte +21 -0
- package/src/{chart/Texture.svelte → Texture.svelte} +3 -3
- package/src/elements/Bar.svelte +2 -8
- package/src/elements/ColorRamp.svelte +3 -5
- package/src/elements/ContinuousLegend.svelte +4 -5
- package/src/elements/DefinePatterns.svelte +22 -0
- package/src/elements/DiscreteLegend.svelte +3 -5
- package/src/elements/Label.svelte +6 -5
- package/src/elements/SymbolGrid.svelte +23 -0
- package/src/elements/index.js +6 -0
- package/src/examples/BarChartExample.svelte +81 -0
- package/src/index.js +18 -16
- package/src/lib/brewing/axes.svelte.js +179 -0
- package/src/lib/brewing/bars.svelte.js +114 -0
- package/src/lib/brewing/dimensions.svelte.js +54 -0
- package/src/lib/brewing/index.svelte.js +214 -0
- package/src/lib/brewing/legends.svelte.js +95 -0
- package/src/lib/brewing/scales.svelte.js +94 -0
- package/src/lib/brewing/types.js +73 -0
- package/src/lib/context.js +122 -0
- package/src/lib/scales.svelte.js +129 -0
- package/src/lib/utils.js +110 -132
- package/src/old_lib/brewer.js +25 -0
- package/src/old_lib/chart.js +213 -0
- package/src/old_lib/grid.js +85 -0
- package/src/old_lib/index.js +4 -0
- package/src/old_lib/plots.js +27 -0
- package/src/old_lib/swatch.js +16 -0
- package/src/old_lib/ticks.js +46 -0
- package/src/old_lib/utils.js +8 -0
- package/src/patterns/Brick.svelte +17 -0
- package/src/patterns/Circles.svelte +18 -0
- package/src/patterns/CrossHatch.svelte +14 -0
- package/src/patterns/CurvedWave.svelte +9 -0
- package/src/patterns/Dots.svelte +19 -0
- package/src/patterns/OutlineCircles.svelte +15 -0
- package/src/patterns/Tile.svelte +17 -0
- package/src/patterns/Triangles.svelte +15 -0
- package/src/patterns/Waves.svelte +13 -0
- package/src/patterns/index.js +14 -0
- package/src/patterns/paths/NamedPattern.svelte +12 -0
- package/src/patterns/paths/constants.js +4 -0
- package/src/symbols/RoundedSquare.svelte +27 -0
- package/src/symbols/Shape.svelte +31 -0
- package/src/symbols/constants/index.js +4 -0
- package/src/symbols/index.js +9 -0
- package/src/symbols/outline.svelte +60 -0
- package/src/symbols/solid.svelte +60 -0
- package/src/template/Texture.svelte +16 -0
- package/src/template/constants.js +43 -0
- package/src/template/shapes/Circles.svelte +16 -0
- package/src/template/shapes/Lines.svelte +17 -0
- package/src/template/shapes/Path.svelte +12 -0
- package/src/template/shapes/Polygons.svelte +18 -0
- package/src/template/shapes/index.js +4 -0
- package/LICENSE +0 -21
- package/src/chart/FacetGrid.svelte +0 -51
- package/src/chart/Grid.svelte +0 -34
- package/src/chart/Legend.svelte +0 -16
- package/src/chart/PatternDefs.svelte +0 -13
- package/src/chart/Swatch.svelte +0 -93
- package/src/chart/SwatchButton.svelte +0 -29
- package/src/chart/SwatchGrid.svelte +0 -55
- package/src/chart/Symbol.svelte +0 -37
- package/src/chart/TexturedShape.svelte +0 -27
- package/src/chart/TimelapseChart.svelte +0 -97
- package/src/chart/Timer.svelte +0 -27
- package/src/chart.js +0 -9
- package/src/components/charts/Axis.svelte +0 -66
- package/src/components/charts/Chart.svelte +0 -35
- package/src/components/index.js +0 -23
- package/src/components/lib/axis.js +0 -0
- package/src/components/lib/chart.js +0 -187
- package/src/components/lib/color.js +0 -327
- package/src/components/lib/funnel.js +0 -204
- package/src/components/lib/index.js +0 -19
- package/src/components/lib/pattern.js +0 -190
- package/src/components/lib/rollup.js +0 -55
- package/src/components/lib/shape.js +0 -199
- package/src/components/lib/summary.js +0 -145
- package/src/components/lib/theme.js +0 -23
- package/src/components/lib/timer.js +0 -41
- package/src/components/lib/utils.js +0 -165
- package/src/components/plots/BarPlot.svelte +0 -36
- package/src/components/plots/BoxPlot.svelte +0 -54
- package/src/components/plots/ScatterPlot.svelte +0 -30
- package/src/components/store.js +0 -70
- package/src/constants.js +0 -66
- package/src/elements/PatternDefs.svelte +0 -13
- package/src/elements/PatternMask.svelte +0 -20
- package/src/elements/Symbol.svelte +0 -38
- package/src/elements/Tooltip.svelte +0 -23
- package/src/funnel.svelte +0 -35
- package/src/geom.js +0 -105
- package/src/lib/axis.js +0 -75
- package/src/lib/colors.js +0 -32
- package/src/lib/geom.js +0 -4
- package/src/lib/shapes.js +0 -144
- package/src/lib/timer.js +0 -44
- package/src/lookup.js +0 -29
- package/src/plots/BarPlot.svelte +0 -55
- package/src/plots/BoxPlot.svelte +0 -0
- package/src/plots/FunnelPlot.svelte +0 -33
- package/src/plots/HeatMap.svelte +0 -5
- package/src/plots/HeatMapCalendar.svelte +0 -129
- package/src/plots/LinePlot.svelte +0 -55
- package/src/plots/Plot.svelte +0 -25
- package/src/plots/RankBarPlot.svelte +0 -38
- package/src/plots/ScatterPlot.svelte +0 -20
- package/src/plots/ViolinPlot.svelte +0 -11
- package/src/plots/heatmap.js +0 -70
- package/src/plots/index.js +0 -10
- package/src/swatch.js +0 -11
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { getContext } from 'svelte'
|
|
3
|
-
|
|
4
|
-
let chart = getContext('chart')
|
|
5
|
-
$: data = $chart.violin()
|
|
6
|
-
// $: console.log(data)
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
{#each data as { x, curve }, i}
|
|
10
|
-
<path d={curve} transform="translate({x},0)" fill="gray" stroke="none" />
|
|
11
|
-
{/each}
|
package/src/plots/heatmap.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
isSunday,
|
|
3
|
-
addDays,
|
|
4
|
-
subMonths,
|
|
5
|
-
startOfMonth,
|
|
6
|
-
format,
|
|
7
|
-
previousSunday,
|
|
8
|
-
differenceInDays,
|
|
9
|
-
differenceInWeeks,
|
|
10
|
-
endOfWeek
|
|
11
|
-
} from 'date-fns'
|
|
12
|
-
import { nest } from 'd3-collection'
|
|
13
|
-
import { group } from 'd3-array'
|
|
14
|
-
|
|
15
|
-
const DATE_FORMAT = 'yyyy-MM-dd'
|
|
16
|
-
const weekdays = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
|
|
17
|
-
|
|
18
|
-
export function summarize(data, dateField = 'date', valueField) {
|
|
19
|
-
// const summary = group(data, d => d[dateField])
|
|
20
|
-
const nested = nest()
|
|
21
|
-
.key((d) => format(new Date(d[dateField]), DATE_FORMAT))
|
|
22
|
-
.rollup((d) =>
|
|
23
|
-
valueField
|
|
24
|
-
? d.map((value) => value[valueField]).reduce((a, b) => a + b, 0)
|
|
25
|
-
: d.length
|
|
26
|
-
)
|
|
27
|
-
.entries(data)
|
|
28
|
-
// console.log(Object.fromEntries(nested))
|
|
29
|
-
return nested.reduce((obj, item) => ((obj[item.key] = item.value), obj), {})
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export function heatmap(data, numberOfMonths) {
|
|
33
|
-
const today = new Date()
|
|
34
|
-
const firstDay = getFirstDay(numberOfMonths, today)
|
|
35
|
-
const months = {}
|
|
36
|
-
const grid = generateGrid(firstDay, today).map((d) => ({
|
|
37
|
-
...d,
|
|
38
|
-
value: d.date in data ? data[d.date] : 0
|
|
39
|
-
}))
|
|
40
|
-
|
|
41
|
-
grid.map((d) => {
|
|
42
|
-
const month = format(endOfWeek(new Date(d.date)), 'MMM')
|
|
43
|
-
// console.log(month)
|
|
44
|
-
if (!(month in months)) {
|
|
45
|
-
months[month] = d.x
|
|
46
|
-
}
|
|
47
|
-
})
|
|
48
|
-
return {
|
|
49
|
-
grid,
|
|
50
|
-
months,
|
|
51
|
-
weekdays,
|
|
52
|
-
numberOfWeeks: differenceInWeeks(today, firstDay) + 1
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
function getFirstDay(months, lastDay = new Date()) {
|
|
57
|
-
const firstDay = subMonths(startOfMonth(lastDay), months)
|
|
58
|
-
return isSunday(firstDay) ? firstDay : previousSunday(firstDay)
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
function generateGrid(firstDay, lastDay) {
|
|
62
|
-
const days = differenceInDays(lastDay, firstDay) + 1
|
|
63
|
-
|
|
64
|
-
const grid = [...Array(days).keys()].map((day) => ({
|
|
65
|
-
x: Math.floor(day / 7),
|
|
66
|
-
y: day % 7,
|
|
67
|
-
date: format(addDays(firstDay, day), DATE_FORMAT)
|
|
68
|
-
}))
|
|
69
|
-
return grid
|
|
70
|
-
}
|
package/src/plots/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { default as Box } from './BoxPlot.svelte'
|
|
2
|
-
export { default as BoxPlot } from './BoxPlot.svelte'
|
|
3
|
-
export { default as Bar } from './BarPlot.svelte'
|
|
4
|
-
export { default as BarPlot } from './BarPlot.svelte'
|
|
5
|
-
export { default as Line } from './LinePlot.svelte'
|
|
6
|
-
export { default as LinePlot } from './LinePlot.svelte'
|
|
7
|
-
export { default as Violin } from './ViolinPlot.svelte'
|
|
8
|
-
export { default as ViolinPlot } from './ViolinPlot.svelte'
|
|
9
|
-
export { default as Scatter } from './ScatterPlot.svelte'
|
|
10
|
-
export { default as ScatterPlot } from './ScatterPlot.svelte'
|
package/src/swatch.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { writable } from 'svelte/store'
|
|
2
|
-
|
|
3
|
-
// import { __patterns__, __colors__, __shapes__ } from './constants'
|
|
4
|
-
|
|
5
|
-
export const swatchStore = writable({})
|
|
6
|
-
|
|
7
|
-
// A set of 7 should be sufficient
|
|
8
|
-
// array of names and patterns
|
|
9
|
-
// array of names and shapes
|
|
10
|
-
// array of colors
|
|
11
|
-
// array of shades of one color.
|