Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: Addition of an example: Zoomable Circle Packing #3841

Merged
merged 3 commits into from Dec 11, 2023

Conversation

Giammaria
Copy link
Contributor

@Giammaria Giammaria commented Dec 7, 2023

Added an example: Zoomable Circle Packing under the Interaction Techniques section.

@Giammaria Giammaria changed the title Addition of an example: Zoomable Circle Packing docs: Addition of an example: Zoomable Circle Packing Dec 7, 2023
…e packing example reference link; update to zoomable-circle-packing.vg.json to remove superfluous references that were left over from a prior implementation
@Giammaria
Copy link
Contributor Author

Giammaria commented Dec 8, 2023

I put this example under the Interactivity Techniques section, but I could also see this instead falling under a new section called Animation Techniques or Easing Techniques. Not for this PR, but I have more examples in mind that fit this criteria if you believe they'd be worth having on the Examples page, @jheer / @domoritz.

@domoritz
Copy link
Member

Let's leave it in the existing section and refactor when there are more examples. Moving to another section is easy.

@jheer jheer merged commit 248f6d9 into vega:main Dec 11, 2023
4 checks passed
@jheer
Copy link
Member

jheer commented Dec 11, 2023

Thanks @Giammaria!

@Giammaria
Copy link
Contributor Author

Giammaria commented Dec 11, 2023

@jheer and @domoritz thank you! One thing, it looks like I messed up the link to the existing circle packing example. I'll need to take another look at this when I get a moment.

Giammaria added a commit to Giammaria/vega that referenced this pull request Dec 11, 2023
docs: Addition of an example: Zoomable Circle Packing (vega#3841)
@lsh lsh mentioned this pull request Dec 29, 2023
image: /examples/img/zoomable-circle-packing.png
---

This is an extension of the [Circle Packing Example](../examples/circle-packing). This version was implemented by [@giammaria](https://github.com/Giammaria). It incorporates a timer to facilitate zoom and fade animations, offering a technique beneficial for drill-down behavior and exploration. For simplicity, the example reveals only a few text marks upon zoom, corresponding to the user-selected node. Alternatively, you can render various mark types, axes, legends, etc., to provide additional insights into the selected node."
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is there an extra " at the end?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch. There is. I can update it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants