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

[New Viz] Nightingale Rose Chart #3676

Merged
merged 4 commits into from
Feb 4, 2018

Conversation

Mogball
Copy link
Contributor

@Mogball Mogball commented Oct 15, 2017

rose GIF
Also known as a Polar Area Diagram, the Nightingale Rose Chart displays time series data on a polar coordinate system. The Rose Chart is meant to visualize periodic data (i.e. daily, weekly, monthly) to show variation over that cycle.

Features

  • displays time series data (not compatible with negative values)
  • clicking a time slice expands it into a pie chart
  • an interactive legend
  • user can select either segment radius or segment area for value representation

@coveralls
Copy link

coveralls commented Oct 15, 2017

Coverage Status

Coverage decreased (-0.1%) to 70.267% when pulling d3c0baa on Mogball:mogball/feature/rose_chart into bad6938 on apache:master.

@Mogball Mogball force-pushed the mogball/feature/rose_chart branch 2 times, most recently from 700defc to 4b7789f Compare October 16, 2017 19:15
@Mogball Mogball changed the title [WiP] Nightingale Rose Chart [New Viz] Nightingale Rose Chart Oct 16, 2017
@coveralls
Copy link

coveralls commented Oct 16, 2017

Coverage Status

Coverage increased (+0.8%) to 71.135% when pulling 4b7789f204055518bac067dd23e3b5b558ab8669 on Mogball:mogball/feature/rose_chart into d0b5b44 on apache:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.8%) to 71.147% when pulling aa9d96b17f05bdb2e63e933d0af7e2165c866de1 on Mogball:mogball/feature/rose_chart into 2a89c90 on apache:master.

3 similar comments
@coveralls
Copy link

Coverage Status

Coverage increased (+0.8%) to 71.147% when pulling aa9d96b17f05bdb2e63e933d0af7e2165c866de1 on Mogball:mogball/feature/rose_chart into 2a89c90 on apache:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.8%) to 71.147% when pulling aa9d96b17f05bdb2e63e933d0af7e2165c866de1 on Mogball:mogball/feature/rose_chart into 2a89c90 on apache:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.8%) to 71.147% when pulling aa9d96b17f05bdb2e63e933d0af7e2165c866de1 on Mogball:mogball/feature/rose_chart into 2a89c90 on apache:master.

@Mogball Mogball closed this Oct 31, 2017
@Mogball Mogball reopened this Oct 31, 2017
@coveralls
Copy link

Coverage Status

Coverage increased (+0.7%) to 72.011% when pulling e531dfb on Mogball:mogball/feature/rose_chart into abfa034 on apache:master.

1 similar comment
@coveralls
Copy link

coveralls commented Nov 1, 2017

Coverage Status

Coverage increased (+0.7%) to 72.011% when pulling e531dfb on Mogball:mogball/feature/rose_chart into abfa034 on apache:master.

@@ -0,0 +1,540 @@
/* eslint no-use-before-define: ["error", { "functions": false }] */
Copy link
Contributor

Choose a reason for hiding this comment

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

This should probably just be an js file instead of jsx

Copy link
Contributor Author

Choose a reason for hiding this comment

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

👍

let inTransition = false;
const ae = roseWrap
.selectAll('g')
.data(JSON.parse(JSON.stringify(arcSt.data))) // deep copy data state
Copy link
Contributor

Choose a reason for hiding this comment

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

why does this need to be deep copied?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The object passed to .data() becomes the 'state' of the arcs and is modified when they transition. arcSt.data needs to be copied so that the arcs can transition back to their original position.

endAngle: nArcSt.pie[segments[0] + d.arcId].endAngle,
})(d))
.style('opacity', d =>
state.disabled[d.arcId] || arcSt.pie[segments[0] + d.arcId].percent < labelThreshold ?
Copy link
Contributor

Choose a reason for hiding this comment

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

I like parenthesis for these kinds of expressions.

@Mogball Mogball force-pushed the mogball/feature/rose_chart branch 2 times, most recently from d1920a7 to 9c434bf Compare December 4, 2017 23:34
@Mogball
Copy link
Contributor Author

Mogball commented Jan 12, 2018

@mistercrunch I would also like to bump this one

@hughhhh
Copy link
Member

hughhhh commented Feb 1, 2018

@Mogball can you fix the merge conflicts?

@mistercrunch mistercrunch merged commit fdd42ef into apache:master Feb 4, 2018
michellethomas pushed a commit to michellethomas/panoramix that referenced this pull request May 24, 2018
* Nightingale Rose Chart

* Review comments
wenchma pushed a commit to wenchma/incubator-superset that referenced this pull request Nov 16, 2018
* Nightingale Rose Chart

* Review comments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.23.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants