hypnagaga/src/components/DatawrapperChart/stories/docs/component.md

Easily add a responsive Datawrapper embed on your page.

<script>
  import { DatawrapperChart } from '@reuters-graphics/graphics-components';
</script>

<DatawrapperChart
  title="Global abortion access"
  ariaLabel="map"
  id="abortion-rights-map"
  src="https://graphics.reuters.com/USA-ABORTION/lgpdwggnwvo/media-embed.html"
/>

Getting the chart URL for src

Copy the source url for the Datawrapper chart in the src prop. You can get this from the published url on Reuters Graphics.

• Publish the chart on Datawrapper.
• Go to the Datawrapper charts Teams channel, wait for the graphic to finish publishing.
• Inside Embed code (for developers only), find and copy the url inside the src prop. (It ends in media-embed.html.)

Note: There is no need to update the url if you update the chart inside Datawrapper. Any changes will be automatically reflected.