WikiProjectMed:OWID
There are at least four ways to visualize OWID graphs within mediawiki.
Way 3 (current effort)



- Uploader tool for Commons
- {{Owidslider}}
- Data exists at {{Owidslider/outdoor air pollution}}
- Request to activate on EN WP
Plus:
- Improved security and privacy
- Would allow translation
- Data can exists on Commons
Minus:
- Bandwidth heavy
- A little slow
Next steps
- Improve mobile functionality
- Swipe right and left to move through the years
- Make sure the region dropdown and the year slider are on screen
Done
- Improve mechanism to select countries on mobile, maybe have the world map top half of screen and when people click on a country it shows the graph for that country on the bottom of the screen
- On load have the map take up the full width of a verticle mobile, currently white space on both sides
Done
- Change the bottom "Back" to read "Return to article" on desktop
Done
- When one opens a graph, hits back, and then opens the graph a second time it fails to provide the ability to click countries
Done
- Restore the (1) and (2) text to being a popup of the highlighted text as in the original.
- On desk top have the map take up the full width if possible (needed for those who use verticle monitors)
- Need a space between "North" and "America" same with South
Done
- On wide screens one cannot see the year slider without scrolling down.
Done
- Only load "World" to start with and load regions when people open them to improve performance
Done
- Switch the direction swip moves on mobile for EN. Do we need it one way for some languages and the other way for other languages?
- Move the area dropdown to the right upper screen on mobile and make it appear more like a dropdown.
- Make scrolling with the mouse more sensative (right now it takes a fair bit to move the slide by one). Left clicking and moving up and down works very well though.
- Provide a way to link to these visualizations alone (like one can link to images)
- Have the category placed by the template rather than the module as requested here.[1]
- When you open and go back, the loader continues loading. It should stop once you go back.
- Uploader
- Add a "copy all" button to the wikicode output
- When the tool fails half way through need an easy way to restart
Way 1 (exists but rejected)
This method pulls directly from https://owidm.wmcloud.org/ which is a mirror of OWID hosted on WMF servers.
Plus:
- Allows content to be adjusted before being displayed
- Interactive immediately
- Greater potential for translation independent of OWID
- Gives a static image for offline use
Minus:
- Is not as up to date.
- Requires acceptance from the WMF and moved to production servers before it can be used on WP.
<!-- Shows online and is interactive --> <templatestyles src="Owid/styles.css"/><ourworldindatamirror>adolescent-fertility-ihme</ourworldindatamirror> <!-- Shows offline and is still --> {{onlyoffline|[[File:Adolescent birth rate, OWID.svg|thumb|400px]]}}
The "ourworldindata" extension adds the class "mw-kartographer-container" to the iframe tag so that mwoffliner will remove the entire element making it visible online but not offline. The "onlyoffline" class, which has "display:none", is applied to the static version of the OWID map which hides it online, but mwoffliner removes that class which causes it to display offline.
Way 2 (exists but rejected)
Shows a static image from Commons, and then once the "play" button is pressed a consent pop up appears. If this is accepted it then pulls data directly from OWID.
Plus:
- Less work to maintain
- More up to date with respect to OWID content
Minus:
- We rely somewhat on the privacy and security of OWID themselves. Unclear if the WMF views this as a hard blocker or not.
- Difficult to translate material into other languages. Doing so would require OWID to agree to partnering. But this could benefit both of us.
Markup | Renders as |
---|---|
{{OWIDPopup | owid = grapher/adolescent-fertility | title = Adolescent birth rate | image = Adolescent birth rate, OWID.svg | width = 400px | float = none | caption = Adolescent birth rate according to Our World in Data. | alt = World heat map showing adolescent birth rate with a play button to make it more interactive }} |
|
Details
{{OWIDPopup}}
MediaWiki
EU WP (Live)
ES WP (no longer live)
Way 4 (exists but nothing special)

Show a still images and link to the interactive graph on the OWID website.
Plus:
- Super easy to do, with no blockers from the WMF
Minuses:
- People leave the WMF website with the method to return being to hit the back button on their browser
- No ability to translate
- When people click on the external link it still exposes their IP address to OWID.
Way 5 (does not exist)
We host OWID's software on production servers and pull the data to generate the graphs from Commons.
Plus:
- Improved security and privacy
- Would allow translation
- Data already exists on Commons
Minus:
- Does not currently exist
- Would require WMF staff time to get it started and keep it up to date, so likely significantly more expensive.
Way 6 (does not exist)
- Have a link on the thumbnail styled as a play button
- Link opens a pop window. Popup window looks basically the same as way 2, except instead of an on-page modal, it is a separate window (or tab)
- The pop up is hosted on toolforge/wmcloud
- The popup has a close link that closes the window (Hopefully leading the user back to the page they started on)
Plus
- No external subresources. All external resources are top-level navigations. Potentially this might be on the right side of the line in the sand when it comes to using external resources in gadgets.
- Potential to intercept the OWID content and translate it
- Does not require WMF staff time
Minus
- It is in a separate window, popup windows aren't popular anymore and might still feel like it is a separate site.