Major features and improvements
- **BREAKING CHANGE:** Deprecate and remove Snapshots/History feature (42)
- **BREAKING CHANGE:** Make 'parameters' a distinct node type from 'data' (53)
- Add new data/task/parameters icons (62, 53)
- Add icons to node labels (65)
- Enable Kedro-Viz to be run in Jupyter Notebook (59)
- Change task full names to be the underlying function name, and use them in tooltips (53, 61)
- Replace node IDs with shorter hashes (53)
- Redesign the theme colour schemes to make them simpler and more consistent, and refactor active/highlight/hover/click state CSS for nodes & edges (52)
- Sort nodes by their x/y position to improve tabbing order (51)
- Move the theme and label toggle switches into icon buttons (47)
- Add new demo data (44)
- Allow Python users to load/save pipeline data to/from a JSON file via the CLI (43)
Bug fixes and other changes
- Change git address protocol in package-lock (71)
- Update Kedro-UI to v1.1.1 (70)
- Fix sidebar show/hide transitions in Safari (68)
- Improve tabbing order (67)
- Fix webfont text-width chart layout bug (65)
- Desaturate the background colour a touch (64)
- Move drawChart method to its own JS file (63)
- Update Snyk to 1.234.2 and patch issue (60)
- Set the 'show sidebar' button to hidden when open (57)
- Snyk fix for 1 vulnerability (56)
- Various CSS tweaks and bugfixes (54)
- Remove getEdgeDisabledView selector (49)
- Update Kedro-UI to v1.1.0 (48)
- Fix badge URL typos in Readme (45)
Migration guide from Kedro-Viz 2.\*.\* to Kedro-Viz 3.0.0
If you are just using Kedro-Viz with Kedro as a Python package, you won't need to do anything. The breaking changes in this release only affect the few users who are working on the application locally, or importing it from [npm](https://www.npmjs.com/package/quantumblack/kedro-viz) and consuming it as a React component.
- The format for data passed to Kedro-Viz has changed. You can see examples of the new data format in the [`src/utils/data`](./src/utils/data) directory. The main change is that the format no longer supports multiple snapshots in a single dataset. Instead of [this](https://github.com/kedro-org/kedro-viz/blob/243fd1bb513023086e77bca9f8469e00d1182437/src/utils/data.mock.js):
{
snapshots: [
{
schema_id: '310750827599783',
nodes: [...],
edges: [...],
tags: [...],
},
...
]
}
You can now use something like [this](https://github.com/kedro-org/kedro-viz/blob/c75c499507617a01fb327c366b9d639229f1d921/src/utils/data/demo.mock.js):
{
nodes: [...],
edges: [...],
tags: [...],
}
- The `showHistory`, `allowHistoryDeletion`, and `onDeleteSnapshot` props on the main App component have been deprecated. These no longer do anything, and can be removed.
- A new `parameters` value for the node `type` property has been created. This replaces the previous `is_parameters` Boolean property. To migrate previous data, find any nodes where `is_parameters: true`, and change the `type` value from `data` to `parameters`. e.g. from this:
{
tags: ['Nulla', 'pulvinar', 'enim', 'consectetur', 'volutpat'],
id: 'task/consectetur',
is_parameters: false,
type: 'task',
full_name: 'consectetur',
name: 'consectetur'
}
to this:
{
tags: ['Nulla', 'pulvinar', 'enim', 'consectetur', 'volutpat'],
id: 'task/consectetur',
type: 'parameters',
full_name: 'consectetur',
name: 'consectetur'
}