Discover abcnews/interactive-kids-book Open Source project

A d3 layout for creating XKCD style narrative charts

537

d3-layout-narrative

A scrollytelling plugin for the Odyssey story format

187

odyssey-scrollyteller

A map of the world using D3 and Canvas showing missile ranges

111

north-korea-missile-map

A React component for creating scrollyteller stories

scrollyteller

A toolkit for working with ABC News projects

aunty

Convert a video to optimised renditions in multiple aspect ratios, with the help of ffmpeg

shrink-ray

Census 2016: This is Australia as 100 people

census-100-people

Enhance feature-worthy stories

odyssey

A simple static heatmap generator in javascript.

static-heatmaps

Our work at Walkleys/GEN Editors Lab Sydney event in 2017

editorslab-2017

CSS

chatfuel-google-sheet

Append values from ChatFuel to a Google Sheet

A game about being a picker in a warehouse

amazon-race-game

A data package about political donations in Australia.

data-australian-political-donations

Python

odyssey-360-scrollyteller

Use 360° image/video spheres with transitionable focal points as the graphical element of a scrollyteller

TCP ping utility with a synchronous API

tcp-ping-sync

Wrap text in span tags directly from within CoreMedia + more

spanify

Scrollytelling, but in Svelte

svelte-scrollyteller

react-globe

A 3D D3 globe for React

story-lab-component-library

Quick 'n dirty HTTP server that serves up a configurable mix of dev & production resources.

mostess

elections-us2020-electoral-college

Yeoman generators for Aunty projects

generator-aunty

Income comparisons across Australia

interactive-income-inequality

reverse-geocoder

A scrollyteller with grouped dots.

groupyteller

quiz-viewer

Explore the results of the same-sex marriage postal survey

interactive-ssm-results

An interactive RSS reader interface for Chatfuel & Messenger

chatfuel-feed-reader

Tangle animations and interactive panels in article

interactive-untangling-the-climate-mess

facebook-groups-messenger-bot

Hey, stranger! What's on your phone?

hey-stranger

A lightweight, mostly AMD module loader.

fetchamd

Grab another CoreMedia article to use dynamically in your story.

gemini

Utilities for working with mount points

mount-utils

Browser based address lookup and geocoding based on GNAF data

geocoder

An ES3-compatible rewrite of core 'observ' modules, exposed as a single API

es3-observ

Calculator: What will the same-sex marriage result be?

interactive-ssm-turnout

A story format for synchronised podcast audio and visuals

podyssey

A JQuery plugin that uses non-breaking spaces to ensure that single words aren't stranded on a new line. Useful for making blocks of text in a layout look at little more neat and tidy.

jquery-avoidOrphans

Initialise a soundcite when you can't embed HTML.

interactive-soundcite

Utilities for identifying aspects of your code's execution environment and respectfully interacting with the DOM

env-utils

Cyclone Debbie: Track north Queensland wind speeds as it crosses coast

interactive-debbie-tracker

Maniplate a video as the background of a scrollyteller

scrollyteller-video

An Odyssey plugin for rendering a parallax section

odyssey-parallax

Internal ABC News chart building tool

chart-builder

PHP

chatfuel-hearken-questions

Get questions from your Chatfuel audience to Hearken

Utility function for extracting a CMID from a URL

url2cmid

Parse/compare fuzzy dates

fuzzy-dates

abcnews.github.io

ABC News GitHub Pages

A press-for-more revealing story collection

interactive-tell-me-another

Our work at Walkleys/GEN Editors Lab Sydney event in 2018

editors-lab-2018

Colour palettes for ABC News data visualisations

palette

interactive-coronavirus-growth-factor

Code for 'Tell me a secret'

encryption-explainer

A scrollyteller preview React component which loads, parses & renders Odyssey-like from a public Google Doc

google-doc-scrollyteller

An ABC News Story Lab project

interactive-fake-video-guesser

Fetch data and upload to the cloud

covid19-data-import-function

How life has changed for people your age

howlifehaschanged

A scrollyteller SSM map based on Vote Compass data

interactive-ssm-map

Story: "What we can learn from the countries winning the coronavirus fight"

interactive-coronavirus-spread

Odyssey plugin for Freezeframe Scrollytellers

interactive-freezeframe

An embed for readers to help understand how their HECS/HELP debts will change due to indexation

hecs-help-debt-calculator

A send-to-Slack webhook implementation for ChatFuel

chatfuel-webhook

Story Lab's reporting on the 2022 federal election, as well as tools used to help produce those stories.

elections-federal2022-lower-house

Custom tabbed video interface and related elements for the article/video series

interactive-hear-me-out

An embeddable chart which tracks the progress of Victoria's emergence from Covid-19 lockdown

covid-victoria-roadmap

2019 Australian Federal Electorate boundaries as vector tiles

map-vector-tiles-federal-electorates-2019

sparker

Inline spark charts in CoreMedia articles

SCSS

terminus-fetch

Grab a document from the Preview / Live Terminus content API, based on the current execution domain

Visualise a graph in 3D and explore with a camera linked to scroll

3d-graph-scrollyteller

Manage our firebase poll-counters project

poll-counters

content-carousel

Predict the outcome of the Oscars and compare against the rest of the audience.

interactive-oscars-predictions

CSS

elections-federal2022-scatterplots

interactive-private-health

newsweb-coding-exercise-2

Video thumbnails from Core Media documents

video-thumbnailer

Legacy plugin, development continues in https://github.com/abcnews/interactive-plugins

odyssey-audio-visual-plugin

Hide a limited number of elements between #remove and #endremove tags

simple-remove-tags

Batch resize images to fit a certain ratio & min-width

batch-resize-images

Shell

corona-days-since

data-life-crowdsource

A look back at the ABC News homepage 20 years ago, with today's content.

news-20th-anniversary-flashback

A small redux-style state management module

tiny-ducks

Work on a project for the Editors Lab final in Vienna, 2017

editorslab-final-2017

A quick eyeball tester for Odyssey development

odyssey-tester

hash-scripts-loader

Determine who will run Story Lab standups

story-lab-standup-bot

An auto-play html5 video player for ABC News

lively

webpacker

A simple Webpack builder

Replace emoji in Odyssey stories with EmojiOne graphics

odyssey-emoji

Scrollytelling components and illustrations from the ABC's Super Kamiokande feature

interactive-super-kamiokande

A quick test story to demonstrate/build out the Adventure story builder

test-adventure-story-maker

An interactive story about algorithmic decision making

algorithms-transparency

A jQuery plugin that replaces content with a spinner. It uses CSS and aria-live to notify screen readers to wait and announce when content has loaded.

jquery-accessibleSpinner

Tools for encoding / decoding text to / from base36 strings

base-36-text

Convert an alternating cased string to a JSON object

alternating-case-to-object

A worldwide look at gay rights

interactive-gay-rights-map

A tool for building composite graphics

100

composite-builder