diff --git a/astro.config.mjs b/astro.config.mjs index d83ce55..f6740bc 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -13,6 +13,7 @@ const SIDEBAR = [ { label: 'Setting up your account', slug: 'getting-started/setup' }, { label: 'Making your first chart', slug: 'getting-started/making-your-first-chart' }, { label: 'Publishing your chart', slug: 'getting-started/publishing' }, + { label: 'Adding your chart to a story', slug: 'getting-started/getting-charts-in-stories' }, ], }, { diff --git a/src/content/docs/getting-started/getting-charts-in-stories.mdx b/src/content/docs/getting-started/getting-charts-in-stories.mdx new file mode 100644 index 0000000..942e512 --- /dev/null +++ b/src/content/docs/getting-started/getting-charts-in-stories.mdx @@ -0,0 +1,50 @@ +--- +title: Adding your chart to a story +--- + +import { Aside, Steps } from '@astrojs/starlight/components'; +import TeamsCard from './images/teams-publish-card.png'; +import Sphinx from './images/sphinx.png'; +import Leon1 from './images/leon-1.png'; +import Leon2 from './images/leon-2.png'; +import Leon3 from './images/leon-3.png'; +import Leon4 from './images/leon-4.png'; + + + + +1. **Find your chart in the Sphinx Graphics Portal** + + Once published, a card for your chart will be created in the [Datawrapper Charts](https://teams.microsoft.com/l/channel/19%3A489aacae4e19400d8cf0da402c021076%40thread.skype/Datawrapper%20Charts?groupId=c0949280-94a2-469a-a719-12397824db0a&tenantId=62ccb864-6a1a-4b5d-8e1c-397dec1a8258) Teams channel. + + Click the **"Graphics Portal"** button to open the chart in the Graphics Portal. + + + + + +2. **Copy the embeddable chart link** + + From the Graphics Portal, click **"Copy Link"** to get a link to the chart which you can embed in LEON. + + + +3. **Insert the graphic in LEON** + + + + +4. **Position the graphic in the body of the story and preview** + + + + + + + diff --git a/src/content/docs/getting-started/images/leon-1.png b/src/content/docs/getting-started/images/leon-1.png new file mode 100644 index 0000000..bbebf80 Binary files /dev/null and b/src/content/docs/getting-started/images/leon-1.png differ diff --git a/src/content/docs/getting-started/images/leon-2.png b/src/content/docs/getting-started/images/leon-2.png new file mode 100644 index 0000000..2198d89 Binary files /dev/null and b/src/content/docs/getting-started/images/leon-2.png differ diff --git a/src/content/docs/getting-started/images/leon-3.png b/src/content/docs/getting-started/images/leon-3.png new file mode 100644 index 0000000..0464d1a Binary files /dev/null and b/src/content/docs/getting-started/images/leon-3.png differ diff --git a/src/content/docs/getting-started/images/leon-4.png b/src/content/docs/getting-started/images/leon-4.png new file mode 100644 index 0000000..ea3d8d7 Binary files /dev/null and b/src/content/docs/getting-started/images/leon-4.png differ diff --git a/src/content/docs/getting-started/images/sphinx.png b/src/content/docs/getting-started/images/sphinx.png new file mode 100644 index 0000000..c14db85 Binary files /dev/null and b/src/content/docs/getting-started/images/sphinx.png differ diff --git a/src/content/docs/getting-started/publishing.mdx b/src/content/docs/getting-started/publishing.mdx index b17f214..1592b21 100644 --- a/src/content/docs/getting-started/publishing.mdx +++ b/src/content/docs/getting-started/publishing.mdx @@ -19,10 +19,4 @@ In that channel, a card for your chart will be generated with several links incl -### Using your chart in Lynx -For now, the only charts Lynx will accept are static images, **not** interactive versions. So choose the "Image" link from the card in Teams or use the Graphics Portal to get the same. - -See [this short instructional guide](http://graphics.thomsonreuters.com/data/Embedding_graphics_in_Lynx.pdf) for a demonstration of how to then embed your chart in Lynx or ask the desk for help getting your chart in your story. - -Remember to get your chart in front of your editor _before_ you add it to your story.