@neo4j-ndl/react-charts 1.3.2 → 1.3.8
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react-charts",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.8",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of charts from Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -36,7 +36,8 @@
|
|
|
36
36
|
"files": [
|
|
37
37
|
"lib",
|
|
38
38
|
"icons",
|
|
39
|
-
"skills"
|
|
39
|
+
"skills",
|
|
40
|
+
"!skills/*/evals"
|
|
40
41
|
],
|
|
41
42
|
"publishConfig": {
|
|
42
43
|
"access": "public"
|
|
@@ -56,8 +57,8 @@
|
|
|
56
57
|
"peerDependencies": {
|
|
57
58
|
"react": ">=19.0.0",
|
|
58
59
|
"react-dom": ">=19.0.0",
|
|
59
|
-
"@neo4j-ndl/base": "^4.
|
|
60
|
-
"@neo4j-ndl/react": "^4.
|
|
60
|
+
"@neo4j-ndl/base": "^4.22.2",
|
|
61
|
+
"@neo4j-ndl/react": "^4.23.3"
|
|
61
62
|
},
|
|
62
63
|
"dependencies": {
|
|
63
64
|
"classnames": "2.5.1",
|
|
@@ -75,7 +76,7 @@
|
|
|
75
76
|
"build:types": "pnpm exec tsc -p tsconfig.types.json",
|
|
76
77
|
"docs:generate": "pnpm --dir ../.. run docs:generate -- --package react-charts",
|
|
77
78
|
"docs:generate-skills": "pnpm --dir ../.. run docs:generate-skills -- --package react-charts",
|
|
78
|
-
"docs:generate-all": "pnpm run docs:generate
|
|
79
|
+
"docs:generate-all": "pnpm --dir ../.. run docs:generate-all -- --package react-charts",
|
|
79
80
|
"format": "pnpm exec prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
|
|
80
81
|
"lint": "pnpm exec eslint src",
|
|
81
82
|
"license:quick-show:local": "../../scripts/cc.sh '{yellow 📄} Licenses for react-charts! {yellow 📄}' && pnpm exec license-checker --production --relativeLicensePath",
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: ndl-react-charts
|
|
3
|
+
metadata:
|
|
4
|
+
package: '@neo4j-ndl/react-charts'
|
|
5
|
+
version: '1.3.8'
|
|
3
6
|
description: >-
|
|
4
7
|
Build data visualizations with the Neo4j Needle React Charts library
|
|
5
8
|
(@neo4j-ndl/react-charts), an Apache ECharts-based charting layer. Use when
|
|
@@ -8,9 +11,11 @@ description: >-
|
|
|
8
11
|
that supports skills (Cursor, Claude, etc.).
|
|
9
12
|
---
|
|
10
13
|
|
|
14
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
15
|
+
|
|
11
16
|
# Neo4j Needle React Charts (@neo4j-ndl/react-charts)
|
|
12
17
|
|
|
13
|
-
> 📌 Shipped with `@neo4j-ndl/react-charts
|
|
18
|
+
> 📌 Shipped with `@neo4j-ndl/react-charts` v1.3.8. Once installed into your repo (e.g. via
|
|
14
19
|
> `npx skills add`) this folder is detached from the package — the installed
|
|
15
20
|
> package (TypeScript types in `node_modules/@neo4j-ndl/react-charts`) is the source of
|
|
16
21
|
> truth.
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
2
|
+
|
|
1
3
|
# Chart
|
|
2
4
|
|
|
3
5
|
Import: `import { Chart } from '@neo4j-ndl/react-charts'`
|
|
@@ -882,9 +884,6 @@ const Component = () => {
|
|
|
882
884
|
zoomOnMouseWheel: false,
|
|
883
885
|
},
|
|
884
886
|
],
|
|
885
|
-
grid: {
|
|
886
|
-
right: '70px',
|
|
887
|
-
},
|
|
888
887
|
toolbox: {
|
|
889
888
|
feature: {
|
|
890
889
|
dataZoom: {
|
|
@@ -2053,7 +2052,9 @@ const Component = () => {
|
|
|
2053
2052
|
series={[
|
|
2054
2053
|
{
|
|
2055
2054
|
encode: {
|
|
2055
|
+
// oxlint-disable-next-line id-length
|
|
2056
2056
|
x: 'Repositories',
|
|
2057
|
+
// oxlint-disable-next-line id-length
|
|
2057
2058
|
y: 'language',
|
|
2058
2059
|
},
|
|
2059
2060
|
name: 'Repositories',
|
|
@@ -2096,7 +2097,7 @@ import { Chart } from '@neo4j-ndl/react-charts';
|
|
|
2096
2097
|
|
|
2097
2098
|
const sampleData = [
|
|
2098
2099
|
['time', 'response time', 'request volume'],
|
|
2099
|
-
...Array.from({ length: 180 }, (
|
|
2100
|
+
...Array.from({ length: 180 }, (_index, index) => {
|
|
2100
2101
|
const responseTime =
|
|
2101
2102
|
38 + Math.sin(index / 6) * 13 + Math.cos(index / 17) * 7;
|
|
2102
2103
|
const requestVolume =
|
|
@@ -2135,11 +2136,13 @@ const Component = () => {
|
|
|
2135
2136
|
]}
|
|
2136
2137
|
series={[
|
|
2137
2138
|
{
|
|
2139
|
+
// oxlint-disable-next-line id-length
|
|
2138
2140
|
encode: { x: 'time', y: 'response time' },
|
|
2139
2141
|
name: 'Response time',
|
|
2140
2142
|
type: 'line',
|
|
2141
2143
|
},
|
|
2142
2144
|
{
|
|
2145
|
+
// oxlint-disable-next-line id-length
|
|
2143
2146
|
encode: { x: 'time', y: 'request volume' },
|
|
2144
2147
|
name: 'Request volume',
|
|
2145
2148
|
type: 'line',
|