Knight Lab tools now embeddable on Medium

We’re excited to announce that instances of TimelineJS, StoryMapJS, and JuxtaposeJS can now be embedded directly into your Medium posts.

To make this possible, we’re using Embedly, a service that makes it easy to embed content into a variety of sites. Embedly works well with Medium, which is one of the most popular platforms that supports the service. While you may be able to embed our tools on a number of other platforms using the new method outlined below, we’ve optimized the embeds to work on Medium. We may work to integrate other platforms in the future.

The iframe generators that have helped power our tools for years will remain unchanged.

Embedding Timelines

  1. Build a Timeline as you normally would using the four-step process outlined on the TimelineJS website.
  2. In step three, choose how tall and wide you want the Timeline to appear in your Medium post.

    After pasting the URL to your spreadsheet in the appropriate box, set the desired width and height at right.
  3. Copy the link from the text area in the Medium section and paste it onto a new line in your Medium post to embed it.

    The last step: copy the URL from the bottom-most box into a new line in your Medium post.

Embedding StoryMaps

  1. Build a StoryMap as you normally would using the StoryMap website!
  2. When in the editing mode, click the “Share” button in the top right corner.
  3. Copy the link, and paste it into your Medium post where you’d like the StoryMap to show up. Every StoryMap embed will appear as a square which fills the full width of the text area within your post.

    After you click Share in the StoryMap editor, copy the URL in the link box and paste it into a new line in your Medium post.

Embedding JuxtaposeJS

  1. Build a Juxtapose slider as you normally would on the JuxtaposeJS website.
  2. Click the Publish button at the bottom of the page.
  3. Copy the link in the bottom-most text area, and paste it into your post where you’d like the slider to appear.

    After clicking the Publish button, copy the text from the bottom-most box into a new line in your Medium post.


One Important Note
The embeds will be static when posted in the Medium editor, but will become interactive when the post is published.

We’d love to hear from you about your experiences embedding our tools into Medium. If you have any issues with embedding a tool, please reach out to us via our Zendesk support system.

About the author

Bomani McClendon

Student Fellow

Latest Posts

  • A Google Spreadsheets change affecting TimelineJS users

    Google recently changed something about their Sheets service which is causing many people to run into an error when they are making a new timeline. Note: there should be no impact on existing timelines! After this change, many of you click on the "preview" and get this message: An unexpected error occurred trying to read your spreadsheet data [SyntaxError] Timeline configuration has no events. There is a straightforward work-around, but it requires those of you who have...

    Continue Reading

  • How Americans think and feel about gun violence

    A man killed his wife, then himself. I want you to see his face and learn that he enjoyed fishing with his grandchildren. A small-time drug dealer is shot by two men in a parking lot. I find his Facebook profile and a photo shows him striking a playfully irreverent pose, giving the camera the middle finger. The photo’s comments take a mournful turn after a certain date. “Rest easy bro ???” Gun Memorial runs...

    Continue Reading

  • Software developers interested in journalism: Northwestern and The Washington Post want you!

    Northwestern University and The Washington Post are offering a unique opportunity for two talented software developers interested in applying their programming skills in media and journalism. Here’s the proposition: (1) a full-tuition scholarship to earn a master’s degree in journalism at Northwestern University, followed by (2) a six-month paid internship with The Post’s world-class engineering team, with the possibility of subsequent full-time employment. These opportunities are made possible by the John S. and James L....

    Continue Reading

  • What happened when Gun Memorial let anyone contribute directly to victim profiles

    If you’re reporting local or niche news, there’s a good chance that your audience collectively knows more about the story than you do. That’s especially true for us at Gun Memorial, a small publication with a nationwide mission of covering every American who is shot dead. In our latest, mostly successful, experiment, we let readers add to our stories without editor intervention. This article shares some lessons from that experience. Asking for reader contributions A...

    Continue Reading

  • How conversational interfaces make the internet more accessible for everyone

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. In 2004, human-computer interaction professor Alan Dix published the third edition of Human-Computer Interaction along with his colleagues, Janet Finley, Gregory Abowd, and Russell Beale. In a chapter called “The Interaction,” the authors wrote...

    Continue Reading

  • Three tools to help you make colorblind-friendly graphics

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. I am one of the 8% of men of Northern European descent who suffers from red-green colorblindness. Specifically, I have a mild case of protanopia (also called protanomaly), which means that my eyes lack...

    Continue Reading

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.

View More