Rushlet

Web Design & Developer

About Me

Hi! I'm Becky Rush, a Brightonian web developer.

I create engaging and interactive content for BBC News.

I specialise in Front End Web Development, tinkering with HTML, CSS and JavaScript to produce awesome web content.

I also have skills in Data Gathering & Analysis, Digital Design, Public Speaking and Copy Writing

Portfolio

  • BBC News: How much warmer is your city?

    Interactive article highlighting the impacts of climate change on a local level

    Find out more

    This was an in depth project looking at how climate change is predicted to impact temperatures in cities around the world.

    I worked closely with our trainee developer, mentoring and learning from him throughout the process. We built the project using Handlebars, SASS, JS(ES6), Three.js and D3.

    He was responsible for creating and optimising the globe using Three.js, whilst I concentrated on the scrolly chart section. I adapted the Pudding's Scrollama library to work with our bespoke internal scaffold, and gracefully degrade for older browsers (such as IE11). I built the chart using D3, with events to sync it up to the scrolly.

    We concentrated on accessibility, making sure everybody would be able to engage with and enjoy the project. One of the ways we did this was by implementing an animation toggle, seen in the 'Gender pay gap' scrolly project previously. It was taken further this time - starting and stopping animations on multiple different elements using event emitters. We also synced it to the ‘prefers reduced motion’ option on user's devices - so if this is enabled, animations would automatically be disabled.

    The project was translated into approximately 27 different languages. This meant it would be accessed by people all over the world, on different devices, connections and with differing amounts of data available. Therefore, we had to be mindful of performance. We did this in a variety of ways - from making sure all the images were optimised and lazy loaded, to chunking all the data for each city into individual files.

    Another way we optimised the project was to create a great no javascript experience. All the main text content was still available, apart from the personalised city results. The interactive elements had some sort of fallback, and a message to upgrade your browser for the full experience. We also made sure that the lazy loaded images would still be visible if a user had disabled js using the noscript tags.

    The project was a great success, seen by over 1.2 million people in the first 3 days and longlisted for an Kantar Information is Beautiful award.

    See the project
  • BBC News: Coronavirus architecture

    How might offices and homes look after the 2020 pandemic?

    Find out more

    A scrollytelling article looking at how our working lives might change in the future as a result of the pandemic.

    I worked closely with another developer to create this article, which follows Laila through a typical day in her working life in 2025. As the user scrolls down, different areas of her office and home are highlighted as we discuss what new measures have been put in place to make them safer.

    The article proved very popular - reaching over 2 million page views in the first 3 days of publication.

    See the project
  • BBC News: How a single locust becomes a plague

    Scrollytelling article showing how swarms of locusts are devastating people's homes

    Find out more

    This was a scrollytelling project making use of CSS animations, REGL and D3.

    As you scroll through the article, you see the physiological changes a locust goes through when they start swarming. Thousands of dots plague the screen to represent the sheer density of locusts in a swarm, which transition into a chart displaying when recent plagues have occurred.

    As this project was going out in multiple languages, we were careful to consider the varying needs of the users. We were sure to include a non-animated version of the article, which can be accessed with a toggle at the top. Furthermore, if a user has deactivated JavaScript, they get a small CSS animated swarm as a fallback.

    See the project
  • BBC News: Poll tracker 2019/2020

    Compare how the UK political parties are performing in the polls

    Find out more

    A project showing how each of the UK political parties are performing in the polls, built using JS (ES6), D3, Handlebars and Sass.

    I focused more effort on the back-end of this project than we usually do for Visual Journalism projects.

    For the no-javascript version, we decided to output a screenshot of the graph, to give users as full an experience as possible. I wrote a Node script to use Puppeteer to go to the project, take a screenshot of the graph at different viewport dimensions and save these locally. They are then pulled in as a fallback image for the graph.

    We have one large dataset powering the three visual products on the page (the chart, the pictogram and the table of polls). This needs to be transformed and manipulated differently for each product. I worked with the data team to help them write JavaScript to filter and manipulate the data, which we could then run as a Node script during the build process. We could then format the resulting dataset how we needed for each product and output it as separate JSON files locally to the project.

    I developed an auto deployment strategy, so the poll tracker could be updated out of hours without the need for a developer.
    I used an AWS Lambda, running every minute, to check the data against a local copy to see if it had been updated. If it had, it would then trigger a Jenkins job. Jenkins would build the project, run the data formatting tasks and generate an updated screenshot for the fallback content. I configured it to notify a Slack channel with it's progress - particularly focussing on descriptive erorr messages. This would allow the journalists to know if something went wrong. If it was successful, Jenkins would then deploy the project.

    We wrote some unit tests to accompany this data formatting to make sure the data being pulled in and being outputted was how we expected it to be formatted and the values were within expected ranges. This was especially important because the auto deployment solution meant less manual checking / testing than when a project is usually updated.

    See the project
  • BBC News: Falling through the pay gap

    Scrollytelling article highlighting the gender pay gap in the UK

    Find out more

    This was an ambitious project experimenting with scrollytelling. The first big challenge was trying to visualise the dataset. We wanted to render a dot representing each company in the dataset, and animate these inline with the text. There were over 10,000 companies in the data, which is no small feat to render on a page. We managed to do this using REGL (based on WebGL) and D3.

    I spent a lot of time making sure it was inclusive and accessible, this meant considering things like how users could interact with it using only a keyboard, or a screenreader. I read about accessibility considerations in scrollytelling and animated content, and found one particular article of great help. We didn’t want people feeling overwhelmed or nauseated by our exciting new scrolly, so to cater to users with vestibular impairments, or those who just don’t like animation, I implemented a toggle at the beginning of the article. This was accompanied by a trigger warning - notifying users that this article contained animation and offering them an option upfront to stop that, without taking the content away from them.

    I have had opportunites to speak about our experience developing this new storytelling format and making it accessible, speaking about the project at the Smashing Conference warm up party in San Francisco & the Creative Coding London meetup.

    See the project
  • A visual analysis of UK number 1s

    Interactive article showing trends in UK number 1 songs, using Spotify data

    Find out more

    Spotify produces quantitative data for every song in their library on characteristics such as ‘danceability’, ‘valence’ and ‘energy’.

    To give it contextualise this data, this project presents an analysis of songs which have reached number 1 in the UK charts. These are compared on attributes such as when they were number one or how long they were number 1 for.

    The findings of this analysis are presented online, with interactive data visualisations created with JavaScript. An element of personalisation is added to the website by encouraging users to log in with their Spotify account to see how their favourite songs compare with those that have reached number 1.

    The data was gathered using custom python and node scripts, it was then analysed using R. The website was built with JavaScript, Scrollama, D3, the Spotify Web API library as well as Webpack and Gulp. Unit tests were written for the site using Mocha and Chai, and further tests were conducted using Ruby & Cucumber.

    See the project
  • Noom: Dinks & Donks

    Immersive experience created for NASA Space Apps Challenge 2019

    Find out more

    I took part in NASA Space Apps Challenge 2019, with two friends. We decided to tackle the 'Art side of the moon' challenge, 'to create an artistic work to communicate, inform, or inspire others about humanity’s return to the moon'.

    By combining the atmospheric aesthetic of space with the intricacies of sound, we wanted to capture people’s imagination, in order to inspire and educate about NASA’s past, present and future. We created an immersive 360 experience, available online and as VR. Visuals were created using NASA models, textures and our own artwork, accompanied by a piece of music we wrote which takes vocal clips to tell the story of our relationship with moon and space; from the launch of Apollo 11 to the plans for the first woman on the moon by 2024.

    Rather than acting as a developer, this track is what I concentrated on creating. I used GarageBand to write the music, which is built up with instrumental tracks I wrote combined with curious space sounds available from the NASA audio library. I layered these with the different voice clips we had found to create an engaging and educational piece of music.

    You can read more about the project on the Space Apps Challenge website.

    See the project
  • BBC News: Climate change calculator

    Calculator showing the impact of your dietary choices on climate change

    Find out more

    The project showcases the climate impact of the foods we eat. The user can select a food from our list and indicate how often they eat it. They are then shown how their choices impact the environment, putting emissions into context by comparing them to flights or water usage to showers. A graph is displayed comparing the food to similar items, and the user can select another item from a random selection on the shelf at the bottom of the interactive.

    This was a project in which we were encouraging our graduate developer to take the lead. My role was to support him as best I could, by doing code reviews, talking through decisions and doing the tasks he assigned to me. I took primary responsibility for the styling and accessibility of the project. This included making sure the 'choose another item' section met the designers specifications whilst also being usable for keyboard only users or those using screen readers to access the article.

    See the project
  • BBC News: Freedom trash can

    Drag items of female oppression into the freedom trash can

    Find out more

    This project marks 100 years since women threw items of oppression into a burning bin and features items women today said in a survey they would want to get rid of. It is a drag and drop game, featuring animations and quotes from readers. When an item is binned you can choose to read more about the history of it and its relationship with female oppression. It was translated into 25 languages.

    I was lead developer on this project, responsible for the majority of the development work. The main challenge was to create a drag and drop interface across a variety of devices and browsers (including Internet Explorer) and taking accessibility concerns into consideration - such as screen reader or keyboard-only users - making sure they could still interact with the game.

    See the project
  • BBC News: NHS Tracker 2019

    See how your local NHS trust is matching up to government targets

    Find out more

    The tracker shows users how well their local health services are meeting the government targets for their area.

    I was the lead developer on this interactive piece, updating the previous version for 2018 to include mental health figures. This was easier said than done, as mental health is funded slightly differently and therefore data is recorded differently, and different terminology is used. As part of this project, I was mentoring two junior developers. This involved pairing with them on certain aspects, assigning them their own tasks, being on hand to talk through any issues and provide code reviews. This was a challenge whilst juggling my own workload, but I received positive feedback from everybody involved.

    See the project
  • Croaked

    Multiplayer networked game, inspired by Pacman and Crawl

    Find out more

    Croaked is a multiplayer networked online game, inspired by Pacman and Crawl.

    The game can 1 - 4 players, the remaining players are controlled using artificial intelligence. When a game is started one player is the hero, whose mission is to collect as many coins as possible before time runs out. The other players are ghosts who aim to catch the hero. Once a ghost catches the hero, they become the hero and can now start collecting coins and gaining points. The winner is the player with the most points at the end of the game. There are mystery power ups and power downs along the way - which may temporarily double or half points gained or the speed you can move at.

    I worked with a friend to build the game using Node and Socket.io on the server-side, with Javascript and Phaser on the client-side.

    See the project
  • BBC News: What has Trump said about your country?

    Trump's relationship with other countries, summarised with tweets and emojis

    Find out more

    I was lead developer on this interactive piece marking Trump's first 100 days in office. I made use of Handlebars, custom Grunt tasks, as well as SASS, JavaScript (ES6) and JQuery to build this project to the specifications of the dedicated journalist and designer.

    I made use of Handlebars custom helpers to run JavaScript code server-side (such as creating a section of countries ordered by most tweets) to provide a good non-js experience.

    I wrote unit tests for a few of the key functions using Mocha and Chai and tested it more generally using Ruby & Cucumber to check it acted as we had originally intended.

    It was featured on the homepage of BBC News and recieved over 1 million views on the first day.

    My manager had this to say about the project:

    Becky was the lead developer on the 'What has President Trump said about your country?' project. It was very popular, and technically is one of our best examples of progressive enhancement. It was built to be accessible and reusable - and Becky was so ahead of the deadline that she was able to write integration tests for it using Ruby and Cucumber.

    See the project
  • BBC News: How long could my summer flight be delayed?

    Compare airline's average flight delays on various routes

    Find out more

    One of my final projects whilst working as a trainee in Visual Journalism was 'How long could my summer holiday flight be delayed?'. I was a co-developer on this piece, which received almost 1.5 million hits on the first day it was published.

    Working with a team of journalists, a designer, and another developer, my role involved writing an algorithm to make sure the bars always fitted onscreen inline with the text, animating the carousel at the top using CSS and data handling, as well as building the majority of the project.

    See the project
  • Liz Eeles website

    Wordpress website for a romance author, Liz Eeles

    Find out more

    I worked closely with Liz over an extended period of time to build a simple website to promote her holiday romance novels and showcase blog posts.

    I opted to build the site using WordPress to allow Liz to later update it easily for herself - adding blog posts and new books. To make it bespoke to Liz's ideas of how she wanted it to look, I adapted an existing theme with a significant amount of custom CSS and JavaScript.

    See the project

Writing & Speaking

Speakings

I've had the pleasure of speaking at...

Testimonials

  • "Becky was able to build on her front-end knowledge and enthusiastically picked up new skills throughout her time as a trainee in Visual Journalism. After a few months she was as productive as any of our full-time developers"

    photo of Chris Ashton
    Chris Ashton Senior Web Developer BBC News
  • "Becky is a wonderful person to work with and has been a great asset to all of the city event projects we have delivered. She is a natural problem solver and has shown a clear understanding of our needs as well as providing clever solutions when needed. She rocks!"

    photo of Mat Cook
    Mat Cook Director CooktheRabbit Events
  • "I knew how I wanted my author website to look and work - but had no idea how to make it happen. Fortunately, Becky stepped in and created a website that I love. She talked me through the process, answered all my IT questions – even the daft ones – and provided great value for money."

    photo of Liz Eeles
    Liz Eeles Author
  • "Working with Becky to develop my website has been a really useful and positive experience. I found her to be patient and attentive to what I wanted from the website. I don't have a technical background so I was reassured by her use of simple, but not patronizing, language to explain to me what she was doing and if and how things may or may not work."

    photo of Elsie Whittington
    Elsie Whittington PhD Student Sussex University
  • "Accurate and creative work not usually found in one so young"

    photo of Vince Sears
    Vince Sears Chairman Field Marketing Solutions
  • "Rebecca was fundamental in the construction of many of our promotions and would make an excellent addition to any team."

  • "Becky is a joy to work with"

    photo of Ross Sampson
    Ross Sampson Founder RSS Solutions

Contact Me

Have a project you want to discuss or just want to connect?

Email me at becky@rushlet.co.uk

or find me on social media: