javascriptrblogdown
Embed Flourish Visualization in Blogdown
Flourish is a company that enables you to make dynamic visualizations.
I have a blog using R Studio, blogdown, github and Netlify.
After creating a chart, Flourish provides a URL and some embed code.
https://public.flourish.studio/visualisation/56290/
<div class="flourish-embed" data-src="visualisation/56290"></div><script src="https://public.flourish.studio/resources/embed.js"></script>
I see how I can roughly place the treemap on my blog using an iframe. But that is not ideal.
Is it possible to embed the code Flourish provides in blogdown? If so, how?
I was hoping it could look as clean as a leaflet-R map.
Solution
Isn't it just a matter of cut-and-paste? That is, paste the code in your blog post:
<div class="flourish-embed" data-src="visualisation/56290"></div><script src="https://public.flourish.studio/resources/embed.js"></script>
FWIW, Flourish does not recommend using iframes:
- how can i get element height in javascript
- Check if an image is loaded (no errors) with jQuery
- Library to calculate date in Javascript
- React Not Found The requested URL was not found on this server
- Import third party js files to angular typescript project
- Checking if a word in string contains a palindrome
- Array to JSON array of strings
- Setting focus of an input element in vue.js
- Deleting `package-lock.json` to Resolve Conflicts quickly
- how to remove json object key and value.?
- Implementing attributeChangedCallback in Typescript?
- Is it possible to check if certain CSS properties are defined inside the style tag with Javascript?
- How to create a simple component inline?
- Customise button labels on JavaScript "confirm" dialog
- Check for Table null in Jquery for JSON response
- Uncaught SyntaxError: Unexpected token :
- Get the last hash after the hash has changed
- jQuery how to add image from computer
- get current Material UI breakpoint name
- How to list npm user-installed packages?
- Is TypeScript really a superset of JavaScript?
- Can't run "node index.js" due to a syntaxError
- npm install takes forever when running docker-compose
- FormData vs jQuery#serialize(), What is the difference?
- Function onEdit(e) works only for single cell edit
- css animate from top to center
- "Text strings must be rendered within a <Text> component"
- $(document).ready equivalent without jQuery
- How to set multiple colors for bars in ApexCharts horizontal bar chart (sparkline mode)?
- ReactJS localstorage.getItem is not working