@kanaries/graphic-walker 0.1.0 → 0.2.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/LICENSE +198 -12
- package/dist/App.d.ts +6 -2
- package/dist/assets/explainer.worker.c6f22bad.js.map +1 -0
- package/dist/assets/filter.worker.6216b48e.js.map +1 -0
- package/dist/components/container.d.ts +2 -2
- package/dist/components/dataTypeIcon.d.ts +2 -1
- package/dist/components/liteForm.d.ts +1 -1
- package/dist/components/sizeSetting.d.ts +9 -0
- package/dist/components/tabs/pureTab.d.ts +15 -0
- package/dist/config.d.ts +6 -4
- package/dist/constants.d.ts +1 -0
- package/dist/dataSource/config.d.ts +26 -0
- package/dist/dataSource/dataSelection/csvData.d.ts +5 -0
- package/dist/dataSource/dataSelection/index.d.ts +3 -0
- package/dist/dataSource/dataSelection/publicData.d.ts +5 -0
- package/dist/dataSource/utils.d.ts +3 -3
- package/dist/{Fields/AestheticFields.d.ts → fields/aestheticFields.d.ts} +0 -0
- package/dist/fields/components.d.ts +14 -0
- package/dist/{Fields → fields}/datasetFields/dimFields.d.ts +0 -0
- package/dist/fields/datasetFields/fieldPill.d.ts +5 -0
- package/dist/{Fields → fields}/datasetFields/index.d.ts +0 -0
- package/dist/{Fields → fields}/datasetFields/meaFields.d.ts +0 -0
- package/dist/{Fields → fields}/fieldsContext.d.ts +2 -5
- package/dist/fields/filterField/filterEditDialog.d.ts +3 -0
- package/dist/fields/filterField/filterPill.d.ts +8 -0
- package/dist/fields/filterField/index.d.ts +3 -0
- package/dist/fields/filterField/slider.d.ts +10 -0
- package/dist/fields/filterField/tabs.d.ts +21 -0
- package/dist/{Fields → fields}/obComponents/obFContainer.d.ts +0 -0
- package/dist/{Fields → fields}/obComponents/obPill.d.ts +0 -0
- package/dist/{InsightBoard → fields/posFields}/index.d.ts +0 -0
- package/dist/{Fields → fields}/select.d.ts +0 -0
- package/dist/{Fields → fields}/utils.d.ts +0 -0
- package/dist/graphic-walker.es.js +62525 -1282
- package/dist/graphic-walker.es.js.map +1 -1
- package/dist/graphic-walker.umd.js +502 -1309
- package/dist/graphic-walker.umd.js.map +1 -1
- package/dist/insightBoard/index.d.ts +3 -0
- package/dist/{InsightBoard → insightBoard}/mainBoard.d.ts +5 -5
- package/dist/{InsightBoard → insightBoard}/radioGroupButtons.d.ts +0 -0
- package/dist/{InsightBoard → insightBoard}/selectionSpec.d.ts +0 -0
- package/dist/{InsightBoard → insightBoard}/std2vegaSpec.d.ts +3 -6
- package/dist/{InsightBoard → insightBoard}/utils.d.ts +2 -1
- package/dist/insights.d.ts +1 -1
- package/dist/interfaces.d.ts +54 -23
- package/dist/locales/i18n.d.ts +5 -0
- package/dist/segments/visNav.d.ts +3 -0
- package/dist/services.d.ts +5 -4
- package/dist/store/commonStore.d.ts +1 -0
- package/dist/store/visualSpecStore.d.ts +116 -17
- package/dist/style.css +1 -1
- package/dist/utils/autoMark.d.ts +7 -0
- package/dist/utils/index.d.ts +5 -1
- package/dist/utils/normalization.d.ts +7 -1
- package/dist/vis/future-react-vega.d.ts +6 -6
- package/dist/vis/react-vega.d.ts +16 -7
- package/dist/visualSettings/index.d.ts +2 -3
- package/dist/visualSettings/menubar.d.ts +4 -0
- package/package.json +26 -12
- package/README.md +0 -43
- package/dist/Fields/components.d.ts +0 -17
- package/dist/Fields/posFields/index.d.ts +0 -3
package/README.md
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
# Graphic Walker
|
|
2
|
-
Graphic Walker is a lite tableau style visual analysis interface. It is used for cases when users have specific analytic target or user want to analysis further result based on the recommanded results by Rath's auto insights.
|
|
3
|
-
|
|
4
|
-
** You can also use Graphic Walker as a lite tableau style analysis app independently. It can be used as an independent app or an embeding module. **
|
|
5
|
-
|
|
6
|
-
Main features:
|
|
7
|
-
|
|
8
|
-
+ A grammar of graphics based visual analytic user interface where use can build visualization from low level visual channel encodings.
|
|
9
|
-
+ A Data Explainer which explain some why some patterns occur / what may cause them.
|
|
10
|
-
|
|
11
|
-
## Usage
|
|
12
|
-
|
|
13
|
-
### use as an embedding module
|
|
14
|
-
```bash
|
|
15
|
-
yarn add @kanaries/graphic-walker
|
|
16
|
-
|
|
17
|
-
# or
|
|
18
|
-
|
|
19
|
-
npm i --save @kanaries/graphic-walker
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
In your app:
|
|
23
|
-
```typescript
|
|
24
|
-
import { GraphicWalker } from '@kanaries/graphic-walker';
|
|
25
|
-
import 'graphic-walker/dist/style.css'
|
|
26
|
-
|
|
27
|
-
const YourEmbeddingTableauStyleApp: React.FC = props => {
|
|
28
|
-
const { dataSource, fields } = props;
|
|
29
|
-
|
|
30
|
-
return <GraphicWalker
|
|
31
|
-
dataSource={dataSource}
|
|
32
|
-
rawFields={fields}
|
|
33
|
-
/>
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export default YourEmbeddingTableauStyleApp;
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
### try local
|
|
40
|
-
```bash
|
|
41
|
-
# packages/graphic-walker
|
|
42
|
-
npm run dev
|
|
43
|
-
```
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare const AestheticSegment: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const FieldListContainer: React.FC<{
|
|
4
|
-
name: string;
|
|
5
|
-
}>;
|
|
6
|
-
export declare const AestheticFieldContainer: React.FC<{
|
|
7
|
-
name: string;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const FieldsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export declare const FieldListSegment: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
export declare const FieldLabel: import("styled-components").StyledComponent<"div", any, {
|
|
12
|
-
highlight?: boolean | undefined;
|
|
13
|
-
type?: "D" | "M" | undefined;
|
|
14
|
-
}, never>;
|
|
15
|
-
export declare const Pill: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
-
colType: 'discrete' | 'continuous';
|
|
17
|
-
}, never>;
|