Video montage showing clips of interactive graphics built by Chris Ryan.

Credit Design

Head and shoulders of Chris Ryan wearing a jacket stood outside looking towards the camera.

Hi, I'm Chris Ryan

I'm a Senior Art Editor at Nature in London.

I enjoy designing interactive graphics with D3, Three.js, PixiJS and Svelte, wrangling data with Python and animating with Adobe After Effects.

You can find me on Twitter/X, GitHub, Codepen and Observable.

Projects

  • Interactive graphic

    Women’s health research lacks funding – these charts show how

    2023

    Scrollytelling canvas graphic built with Svelte and D3 to be embedded in a Shorthand page.

    Written and edited by Kerri Smith.

    Grey, blue and orange circles arranged in a circle.
  • 3D model of an insulin molecule.

    Immersive article

    Milestones in diabetes

    2021

    Timeline and 3D animation built with Svelte, Three.js and GSAP. Insulin molecule downloaded from Protein Data Bank and processed with Blender.

    Produced by Nature Portfolio.

  • Map of africa with countries coloured according to malaria prevalence.

    Immersive article

    Malaria’s ticking time bomb

    2018

    Featuring a scrollytelling map built with d3.Data processed with pandas and d3-geo.

    Written by Amy Maxmen and edited by Brendan Maher.

  • Interactive graphic

    What the numbers say about refugees

    2017

    Built with a customised version of the d3-sankey plugin to allow countries to be sorted by continent or by volume of people.

    Static graphics and colour scheme by Jasiek Krzysztofiak. Written by Declan Butler and edited by Brendan Maher.

    Thick red curved lines crossing on a grey background.

Open source contributions