FT Interactive News

Login: ft-interactive

Company: null

Location: London | New York | Hong Kong

email:

Blog: http://www.ft.com/visual-journalism

Members

  1. Ændrew Rininsland
  2. Aleksandra Wisniewska
  3. Caroline
  4. Cleveco
  5. Joanna S. Kao
  6. Luke Kavanagh
  7. Martin Stabe
  8. Rowan Manning
  9. Silva Shih
  10. Silva Shih
  11. null
  12. null

Repositories

accessibility
A collection of tips, resources and prompts on accessibility in media
ai-callout
null
americas-cup-2017
Graphical Insight story on the Americas Cup
annotated-atlas
Pre-built TopoJSON from Natural Earth.
annotweeter
Annotate arbitrary tweets indexed by ElasticSearch
answer-api
A Koa 2 app providing a backend layer to ft-interactive/perils-of-perception
aramco-ipo
IPO calculator for Saudi oil company Aramco
archive
Refactored versions of a few older FT interactive stories
article-50-annotations
Theresa May's Article 50 letter, annotated
atv-converter
Audio to video converter
audiogram
Turn audio into a shareable video.
AudioSlideshow
null
austerity-map
The map published as part of the FT Austerity Audit in 2013.
austerity-map-2016
Welfare cuts map, March 9 2016
autograph
A tool to grab data and make charts
backbone-handlebars
Mixing Backbone and Handlebars
bank-ceos-pay
Bank CEO pay, 2016
bare-metalsmith
Metalsmith project boilerplate
Barometer_Microsite
null
baseline
Data and code related to Baseline sporting statistics series
baseline-kohli
Baseline piece on Virat Kohli's Twenty20 cricket prowess
bertha
Bertha is a machine that can produce any item requested of her.
bertha-bulk-templater
From a Bertha spreadsheet create a bunch of HTML (etc.) files based on templates. Store the results in an S3 bucket (or locally for development)
bertha.js
Javascript library to be used with our Bertha server
boiler-frame
A basic d3 boiler plate for using FT chart frames and colours
books
Visual story: List of books
bootstrap-sass
Official Sass port of Bootstrap
brexicon
A simple listicle-type glossary story
brexit-bitmaps
null
brexit-companies
null
brexit-economics
null
brexit-front-page
Temporary sandbox
brexit-polling
Service for collecting Brexit polling data, formatting it, and making charts from it
brexit-treaty-database
All the treaties the UK will need to renegotiate after Brexit.
brexit-voices
Visual story on Brexit voters
btl-calculator
null
budget-calculator
null
buildbot
? Buildbot ? a Slackbot for configuring CircleCI builds from ft-interactive/starter-kit projects
buildpack-logstash
Buildpack to grab logstash
business-book-award
Microsite: FT Business book of the year.
business-books-of-the-decade-frontend
null
cabinet-cards
An experiment for stories created from lists of taxonomy objects
can-a-robot-do-your-job
Interactive calculator that shows how much of your job can technically be done by a robot
catalonia-2017-page
Full page of graphs and words for Catalonian elections
catalonia-polltracker
Catalonia polltracker and other graphs for Dec 2017 elections
ceo-mba-2016
null
chapter-page-layout
Chapter (vertical) and page (horizontal) story layout/navigation using Ractive.js
chart-doctor
Sample files to accompany the FT's Chart Doctor column
china-business-schools
null
chinese-shipping
How China rules the waves
climate-change-calculator
Visual story: global efforts to cut emissions
companies-house-appointments-importer
Streams-based importer for Companies House appointments data [WIP]
component-charts
Example showing chart reusage using JS component frameworks
confucius-institutes
null
country-focus
Special Reports country focus economic dashboards
c-span_opened_captions_server
c-span opened captions node buffer server + google docs apps script
d3-bootloader
Uses SystemJS to bootstrap in-browser D3.js via ES6 modules
d3-quarterly
Tiny library to parse quarterly date strings to timestamp ranges
day-in-charts
d3 templates for 'day in charts' animated charts
demo-brexit
null
directors
US board composition story
diversity-voices
Callout on corporate diversity policies
docker-elk
The ELK stack powered by Docker and Compose.
documents
A simple IG page for displaying DocumentCloud players.
energy-bonds
Experimental scrollytelling
energy-bonds-charts
null
energy-bonds-table
null
eslint-config-ft-graphics
A few strict linting rules for use in CI
eu-referendum-1975-archive
null
eu-referendum-results
The full results of the 2016 "Brexit"/EU Referendum results
eu-response-annotations
The European Council Brexit negotiation guidelines, decoded
example-jsdom-d3-graphic
Generate a static graphic that can be deployed to S3 - the official version
example-static-graphic-maker
Testing out static image generation
expats-on-brexit
null
explainer
Explainer player component
federal-reserve-march-meeting-2017
March 2017 Fed statement
fed-runners-and-riders
Who might be on the Fed
finserv-diversity
Financial Services gender equality project
framery
A Koa2-based CLI server intended to simplify development of D3 visualizations
france-2017-poll-tracker
Poll tracker for the French presidential election in 2017
france-election-candidates
null
Freezer
turn a dynamic site into a bunch of static pages
french-election-2017-results
Results data and tooling for the 2017 French Presidential election
ft-1000
The FT 1000 list
ft-chart-examples
null
ftcr-index
null
ftcr_outbound_tourism
2017 China Outbound Tourism report
ft-graphics-deploy
CLI for deploying static FT Graphics projects to S3. Primarily for use in CI.
ft-ig-es-proxy
Simple Express-based proxy suitable for Elasticsearch projects
ft-interactive.github.io
Docs: our team's handbook
ft-onwardjourney-riot
Riot .tag for Onward Journey
ft-scss-fontface
@font-face declarations for FT (includes Map fonts)
ft-scss-tools
Mixins, functions and other handy bits of SASS/SCSS
ft-scss-variables
FT color palette, standard dimensions, and others. Includes colors for graphs and maps.
future-of-britain
Future of Britain - Elevator pitch generator
future-of-britain-form
Testing Google Form embeds in ig sites
future-of-europe
Displaying a set of student essays about the Future of Europe
future-of-the-city
London big bang list
g
D3 tools and helper libraries
gas-pipelines
A starter kit project with ambient video topper
g-audio-preview
Simple GUI for creating g-audio markup
g-axis
null
g-chartcolour
A JS module (following the D3 pattern) for colours in FT charts.
ge15
Microsite: UK General Election 2015.
ge2017-dataset
Constituency-level results and demographics used in the FT's analyses of the 2017 UK general election
generator-ftnewsapp
null
generator-ig-job
Default IG generator for scaffolding out a news app.
geo-data
null
germany-2017-page
Page uniting assets of the German 2017 election polltracker
germany-2017-seatcalculator
Generates static SVGs for 2 german election charts
gists
Scripts and datasets behind stories produced by the FT's data and graphics teams
g-legend
null
globalBrands
null
globe
Globe component for interactives
gmachine
Node app to grab images from the internet and resize, crop and compress them.
graphic-frame
A collection of front-end tools for rendering charts in a variety of media
grunt-igdeploy
A grunt task to handle deployment to static content server.
guffipedia
Microsite: Lucy Kellaway's dictionary of business jargon and corporate BS.
guffipedia-form
null
guffipedia-s3
Clone of guffipedia for experimenting with S3 deployment
g-ukpoliticalparties
common reference for uk political party abbreviations, id's etc
g-xaxisdate
modular date x axis for use with the FT g-chartframe architecture
g-xaxisLinear
null
g-xaxisOrdinal
null
g-yaxislinear
null
g-yaxisOrdinal
null
hastheuklefttheeuyet
Simple microsite showing whether the UK has left the EU yet
health-at-work
Special Reports project
heroku-buildpack-kibana
Run Kibana on heroku
igdeploy
null
ig-furniture
FT Graphics furniture
ig-handlebars-utils
null
ig-sticky
A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.
ig-switches
A simple switch. Nothing fancy.
ig-utils
Collection of tiny JS utility libraries to help with everyday interactives.
includes
Apache SSI includes for all interactives.
invasive-insects
null
ipo-unicorns
null
isa-calculator
FT ISA fees calculator, March 2, 2016
isa-calculator-modernise
Updating the ISA calculator with latest starter kit implementations
isis-inc
Visual story: ISIS oil revenue explained with maps
italy-polltracker-page
Page uniting assets of the Italy 2018 election polltracker
japan-tsunami
null
jets
Code and data for the FT story "Free flights on the company plane"
job_boilerplate
DEPRECATED Repo to clone when you want to start a new job.
jobs
null
jPlayer
jPlayer : HTML5 Audio & Video for jQuery
jsonp
A simple JSON proxy
kinesis-lambda-slack-webhook
Serverless project for subscribing to Lambda events and POSTing to a Slack webhook
koa2-typescript-boilerplate
Koa2 boilerplate using TypeScript
kraft-heinz-merger
null
land-rush-investment
null
leicester
null
life-arts-qoty
null
life-of-a-song
Code to generate Life of a Song stories with inline audio players
load-data
A general-purpose multi-data loader
local-elections-charts
Sankey charts for the local elections 2017
london-pollution
null
map-test
A test of Maps4News responsive maps
marketdata-getter
null
martin-shkreli-pharmabro-musical
A musical fact-check of the Martin Shkreli musical
minimal
Minimal FT styles. Uses SCSS.
ministere-interieur-elections-to-insee
Generates a translation table of government commune to INSEE codes
molympics
null
new-year-honours-2016
null
nico
Visual story: Nico Colchester Journalism Fellowship profiles
nightingale-charts
FT style charts, axes, scales etc
non-paper-annotator
The European Commission's opening Brexit bid, annotated
north-korea-missiles
The rising threat from North Korean missiles
n-ui-foundations
Sass and js utilities for the next front-end for use by components (apps should use n-ui, which includes n-ui-foundations)
numbers
Microsite: World in Numbers
nunjucks-html-loader
Webpack Loader for Nunjucks that returns raw html. Also works with Webpack watching system.
nunjucks-webpack-plugin
A webpack plugin for nunjucks.
nyminute-template
null
obama-donors
null
o-ft-forms
FT branded form elements, including buttons.
o-grid
Responsive grid system
one-belt-one-road
Special Reports project using Mapbox GL
onwardjourney
null
on-your-marks
null
on-your-marks-old
null
o-react
An attempt to manually wrap Origami components as standalone React components
pay-gap-calculator
Calculate your paygap, using ONS ASHE statistics
pensions-interestrates
Pensions explainer
perils-of-perception
Quiz app built with FT's Starter Kit and React
person-of-the-year
Hub page: Person of the Year
pipeline-drop
quick scaffold for testing line chart component
profiles
responsive profiles template
projects-toolkit
A set of resources and material to help reporters and editors better plan, execute, and evaluate editorial projects
property-prices
Prime property price calculator
psychology-of-money
A quiz for the Personal Finance section
quick-start
Script to start a new project based on project-starter-kit
quiz-angular1
**DEPRECATED** Quiz framework built with FT's Starter Kit and Angular 1
quiz-angularjs
Quiz framework built with FT's Starter Kit and AngularJS
quiz-uk-election-2017-manifestos
null
react-twitter-widgets
Twitter widgets as React components
referendum-place-search
Microservice: search for a EU referendum voting area (local authority)
rich-graphics-talk
An old graphic, reimagined responsively
R-tutorials
A repo for R explainers and useful code
russian-arctic
FT visual story on the Russian Arcitc
seasonal-appeal-2015
Hub page: Stop the Traffik, Seasonal Appeal 2015.
seasonal-appeal-2016
Some stories about Médecins Sans Frontières from the 2016 FT Seasonal Appeal
senators-statements-on-comey
null
seven-robots
Shorthand story for Robot Week
shard
A Shorthand story about the Shard.
shorthand-lambda-editorial
Fork of financial-times/shorthand-lambda intended to facilitate editorial Shorthand projects
social-bots-of-brexit
null
starter-kit
A template for Financial Times responsive and interactive graphics projects
static-scotland
Make static images of regional/ national Scottish referendum results
stream-content
Assembles and outputs content fragments used in various stream pages
svg-wrapper
Load an SVG or define an image as a fallback.
testing-testing-testing
null
text-converter
NodeJS library/CLI tool to convert .txt spreadsheets with &-denoted comments into a variety of formats
the-uk-in-europe
null
tracking-snippet-generator
null
trump-100-days-in-numbers
null
trump-100-days-market-reactions-timeline
null
trump-comey-annotator
null
trump-companies
Keep track of company reactions to Trump presidency
trump-first-address
Annotated version of Trump's address to Congress on Feb 28, 2017
trump-inauguration-annotations
Trump's innauguration speech, annotated
trump-paris-agreement-speech-annotator
null
trumps-russian-connections
list of Russians Trump's had dealings with over the past 30yrs
trump-tweets
null
txtconvert-ui
Electron app for processing FT TSV files
uber-driver-game
A narrative news game exploring the economics and life of being an Uber driver
uber-in-china
FT mag visual story using shorthand
uk-budget-2017-explainer
null
uk-election-results-may-2016
null
uk-local-elections-2016
null
uk-political-parties
a small module for resolving political party names and colours
urban-cycling
Magazine story on pros and cos of urban cycling
us-china-tariffs
null
us-economic-dynamism
null
us-election-market-data
null
us-election-mini-dashboard
For prototyping the mini data dashboard (which will go on the front page on election night)
us-elections-polltracker
2016 US presidential election polling
us-primaries-calendar
null
us-primaries-results
null
us-state-card-generator
Downloadable PNG/SVGs of polling and other key stats in every state
visual-history-of-womens-tennis
null
visual-vocabulary
Small examples of data driven graphics -- to be used as starting points.
visual-vocabulary-templates
Library of data driven graphics -- to be used as starting points.
vocab
Rapidly scaffold out visual-vocabulary projects
voxpopper
Hackday: video comments.
vr-player
null
vv
[WIP] Component libraries based on Visual Vocabulary
wac-callout
A questionnaire for FT readers to suggest topics to cover in the High-flier's Guide to Getting Ahead at Work
wall-street-fees
Goldman Sachs dominates the league table that matters: deal fees
when-rates-rise
Visual story: a primer and home page for interest rates coverage
widgetBrowser
Widget Browser source files
widgetBrowser.DualAxis
Dual axis widget for the widget browser
widgetBrowser.Fred
FRED widget for widget browser
widgetBrowser.Grapher
Grapher widget for the widget browser

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.