Shiny Contest Submission: Advanced D3 interactive charts with dynamic reports

RStudio Cloud:
Github Repos:

Demo gif:

This is a more advanced interactive charts with dynamic reports!
Note: this app used noteMD R package (Repos: and nivopie (Repos: R package (htmlwidget) from my Github!

The design

  • Folded data structure:

    • zoom in to monthly chart by either clicking bar or the dropdown menu from slidebar. Click "ALL" from dropdown selector to reset! When zooming in monthly chart, both bar chart and donut chart are zoom into monthly level.
  • Customize charts show/hide

    • Users can check/uncheck to decide whether they want to show the donut chart!
  • Customize charts in reports

    • Users can check/uncheck to decide whether they want to print the donut chart in reports or not.
  • Custmize note

    • Users can take notes under charts and their notes will be printed in the reports.


Beef Cattle Institute from Kansas State University


This is most amazing app to generate Interactive charts
Thanks Jiena

1 Like

Thanks @GauravChavan. I am glad that you like it! This is one of my hobby apps that showcase using D3.js and Rmarkdown reporting system to bring Shiny to another interactive level. I am currently working (struggling) on D3.js code and try to find the best way to introduce them to R... :slight_smile:

You could also have a look at Plotly and RGraphics Gallery

1 Like

This topic was automatically closed 54 days after the last reply. New replies are no longer allowed.

If you have a query related to it or one of the replies, start a new topic and refer back with a link.