VizBlocks: Draw a line graph

VisualizationLiteracyPlayground / visualization-literacy-playkit

A platform that provides educational materials to improve the visualization literacy of children.

https://visualizationliteracyplayground.github.io/visualization-literacy-playkit/

MIT License

0 stars 0 forks source link

VizBlocks: Draw a line graph #5

Closed tanhengyeow closed 4 years ago

tanhengyeow commented 4 years ago

This issue keeps track of work that allows users to draw a line graph via blocks we offer. To draw a line graph, we need blocks that can:

[x] Draw x/y axis
[x] Read x/y values from user
[x] Map x/y values to x/y axis
[x] Plot x/y values on the graph
[x] Join values together using a line

FotoWu commented 4 years ago

draw line chart hiding the sprite

tanhengyeow commented 4 years ago

Refer to this issue https://github.com/VisualizationLiteracyPlayground/visualization-literacy-playkit/issues/4, sprite should be blank by default now.

FotoWu commented 4 years ago

Use util.target.setVisible(false); to hide the sprite, or setting the sprite to be blank is better?

tanhengyeow commented 4 years ago

util.target.setVisible(false); sounds promising. You can attempt to use this first, we can review it later in the PR.

FotoWu commented 4 years ago

Trying on adding text(e.g. number) to the axises, it feels like a troublesome task.

tanhengyeow commented 4 years ago

Look at how this Scratch project draws a bar chart. We could extract the relevant logic from the blocks and implement them programmatically in our custom blocks.