uber/react-vis

Animated Sunburst can not take SVG Pattern

Open

#1015 opened on Oct 19, 2018

View on GitHub
 (8 comments) (0 reactions) (0 assignees)JavaScript (8,615 stars) (868 forks)batch import
bughelp wanted

Description

Hi all

Similar to this #721 , when I tried to applied the SVG pattern to the Sunburst, it shows the black box like the following: image

However, when I remove animation from Sunburst, it works perfectly! image

Just wondering if this is caused by the animated Sunburst? I think I met a similar issue for the animated bar chart as well.

Contributor guide

Tech stack
javascriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React basicsUnderstanding of SVG patterns
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Examine the animated Sunburst component in react vis to understand how animation interacts with SVG pattern rendering. Compare with issue #721 where a similar problem with bar charts was resolved. Look at the source code for Sunburst and animation utilities to identify the root cause.