microsoft / chart-parts

A flexible, React-friendly, Grammar of Graphics for data visualization

A flexible, React-friendly, Grammar of Graphics for data visualization.

Video Introduction

The Missing Abstraction of Charting

chart-parts's Issues

Link to Conference Video

Newcomers to the project may benefit from having a link to YouTube: The Missing Abstraction of Charting - Chris Trevino - React Conf 2018.

I personally found the video first, then found this repository.

Very interesting work!

Get Dependabot working auto-merge working

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Apply Babel w/ Preset-Env to Build

Per each library:

• Emit typescript output into lib/ with module=esnext, lib=[esnext], and target=[esnext]
• Execute babel with preset-env over lib/ folder. Generate ESM output to dist/esm, and CommonJS output to dist/cjs
• Update package.json main to be dist/cjs/index.js

Add ChartRendererContext to chart-parts-react

Allow the renderer to be provided via context in addition to the renderer prop.

<ChartRendererProvider value={SvgRenderer}> 
   <MyCustomChart />
</ChartRendererProvider>

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Contour Plot Gradient Rendering Incorrectly

In examples-web under Vega Snapshots -> Contour Plot, the gradient rendering for the
chart's legend is missing.

Add an example using time-series data

We should add an example, perhaps a line or area chart, where the source data is a set of objects over time representing metric snapshots.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Add Blog Post to Remove TODO on Docsite

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Add Legend Builder/Component

PointScale inconsistent with D3 point scale

PointScale doesn't behave like d3 point scale. In particular, align and padding are off. When padding is added at 0.5, it is larger than 0.5 a step.

Rule with y=0 does not render

Describe the bug
If a rule mark is made from y={0} to y={100} (and x is some value), it will not render, but if y={0.01}, it will render. And vice versa dimensionally.

Expected behavior
x,y,x2,y2 should all accept 0 as a valid input. If they check for falsiness in determining encoding output, it should be switched to an undefined/null check instead.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Specify Animation API & Design

• API Specification: The animation API should be generic enough to be usable between the web and native versions. It should not be coupled to SVG or web idioms.

• Impact to Rendering: How will animations be executed? When a data change operation occurs in the new rendering pipeline, how will we fire off animations?

• Cancellation/Interrupts: Will we, and how will we support cancelable or re-targetable animations? Can an animation go to a new target midstream to avoid jank?

Update Docsite with Live Examples

The docsite examples should be live-editable using CodeSandbox links. Check out how the react-dnd docs are structured to see how this could work.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Improve Documentation Examples

Make the documentation examples use CodeSandbox so that users can try out the visualizations in a live editing context.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Sample charts not rendering under strict mode

https://github.com/tanduong/test-chart-parts/blob/8fde62c146c64895b991d88219d0a60994ae2123/src/components/AnotherOne.js#L41

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Add Scatterplot example

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

"cursor" property doesn't seem to have any effect

The mouse doesn't change the cursor when hovering over the mark.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

Future of this lib?

I’m a big fan of the grammar of graphics and was excited to see the conference talk. But it seems like development on this project hasn’t evolved in the past two month and it certainly doesn’t seem quite finished yet.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Reactive, Change-Localizing, Rendering Pipeline

The rendering pipeline currently generates the entire chart on each render by walking down the chart specification and applying the current data. If charts are complex and updates are frequent, this will be choppy.

Instead of a top-down, monolithic renderer, we should change the render engine so that there is a graph of "transform emitters", and we should localize updates based on what data dependencies or mark specifications have changed. In practice, this could be similar to how the React reconciliation algorithm works:

If a mark changes, or data changes, an emitter node would be marked as dirty, and it would regenerate its chart subsection.

Implement WebGL Renderer

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Improve Build Outputs

• Add a UMD bundle for CDNs: this will allow us to integrate with codepen type sites
• Make the default output ESM and add "type": "module" to packages

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Correct Chart Padding - only affects top-left, not bottom-right

Model Data Transformations, Aggregations in Specification

The data transformation concerns are not part of the chart-parts initial design. To support better-performing rendering, we will need to be able to define data transformations as first-class components that emit and react to change events.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Axis associated with Logarithmic scale not rendering ticks

Use effect hooks instead of component classes

Update chart-parts-react to use effect hooks instead of component classes to define charting specification.

Axes should reflect correct domain when zero is false

The area chart example is including zero when the scale sets it to false explicitly

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @types/storybook__react in /yarn.lock:
Couldn't find package "storybook__react@*" required by "@types/[email protected]" on the "npm" registry.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.