Visual Controls

Text Scaling

100%

Readability Overlays

Based in New Zealand

Shane Turner

Data Visualisation & Infographics

I make complex information legible — data and content that matters to people, built into web applications they can actually use. I work best with independent professionals, schools, civic organisations, and specialist trades.

Portrait of Shane Turner

Shane Turner

Web Dev & Data Visualisation

About

What I do and who I work with

I'm a web developer who specialises in data visualisation and infographics — the kind that makes a complex system comprehensible rather than just presentable. The work spans interactive dashboards, structured content architecture, and tools built around data that existed but couldn't be used.

My primary stack is Craft CMS and Laravel for content-driven sites, JavaScript and Svelte for frontend interaction, and Python for data processing and automation. I reach for Rust when performance warrants it. Accessibility isn't a feature I add — it's a design principle. If information is worth presenting, it should be presented to everyone who needs it.

Good fit

  • Independent professionals and specialist trades
  • Schools, civic organisations, and community groups
  • Projects where the data or content has genuine consequences
  • Clients who give room to make good decisions

Not a good fit

  • Large corporate clients
  • Marketing-first or persuasion-led briefs
  • Projects where the goal is positioning rather than utility

Languages

  • Laravel / PHP
  • JavaScript
  • Python
  • Ruby
  • Rust

Tools & Frameworks

  • Craft CMS
  • Svelte
  • Chart.js
  • Three.js / WebGL
  • Unity
Educational Interactive

Algorithmic Bias & Filter Bubbles

Personalization algorithms shape what we read online. Engage with this simulated feed to explore how echo chambers lock in, and test neurodivergent reading tools on the side-by-side explanation.

Simulated Social Feed

0 items loaded

Feed Analytics

Nature Preservation
Smart Cities
Feed state: Perfectly Balanced (50% Split)
70%

At 0%, you get a balanced feed. At 100%, the feed recommends only topics matching your historical engagement weight.

Algorithmic Engagement Weights

Read (Weight: +1) Like (Weight: +2) Dislike (Weight: -2) Repost (Weight: +4)
Reads 0
Likes 0
Dislikes 0
Reposts 0
Bubble Status Open

Bias Analytics

Live data from your simulation — visualised in real time

Live

Engage with 5 posts to unlock live data visualisations tracking your filter bubble in real time.

0 Total Engagements
Dominant Topic
Bubble Formed At
50 / 50 Nature / Cities %
Bias Drift Over Time

Nature % per engagement — shading shows drift from 50/50 balance

Topic Split

Cumulative engagement weight

Engagement Types

Count by action

How Echo Chambers Work (Educational Context)

Personalization algorithms run on a fundamental feedback loop: the system monitors your behavior—tracking which cards you read, like, or share—and builds a mathematical preference vector. In this simulation, each card represents a topic. Reading an article teaches the algorithm to favor that topic slightly, but sharing it signals highly intense interest, updating your profile weight four times faster.

When the personalization strength is high, the feed filter begins prioritising content that matches your highest weights. As you engage with these recommended posts, your preferences bias further, causing the algorithm to supply even more homogenous content. This is a positive feedback loop: it rapidly constructs a filter bubble, isolating the reader from alternative view points.

Breaking a filter bubble requires structural updates, such as reducing the algorithmic personalization slider or manually clicking "Break the Bubble," which forces the network to inject balanced viewpoints and counter-narratives into the recommendation stream. This demonstrates the critical role web developers have in designing educational and inclusive interfaces.

Work

Selected Projects

Tools and visualisations built around real data — the kind that existed but couldn't be used until someone built the right interface around it.

Interactive Demo

Algorithmic Bias Simulator

An interactive demonstration of how personalisation algorithms construct filter bubbles — built to make an invisible process visible. Includes live data visualisation of bias drift, engagement weighting, and real-time analytics. The simulation runs live on this page.

JavaScript Chart.js CSS View Transitions
Try the live demo
Client Work

Relational Content Architecture

Content-driven sites where the entities are genuinely interconnected: projects linking to team members, regions, and categories; classes linking to staff, year levels, and resources. The goal is a structure where a visitor can arrive from any angle and navigate the full body of work coherently.

Craft CMS Laravel PHP MySQL
Ask about this work
A11y Statement

Accessibility as Practice

Accessibility works best when it starts with a specific audience, not a compliance checklist. Know who will use what you build — then design for them directly.

This site is a working example of that approach. It is built with a neurodivergent audience in mind — readers with ADHD, dyslexia, and cognitive visual fatigue — as a deliberate design choice rather than an afterthought. That means reducing visual noise, supporting multiple reading modes, and getting the interface out of the way:

  • Generous Whitespace: Wide structural margins help focus attention, reducing distractibility and cognitive clutter.
  • Calm Contrast & Glare Reduction: The mineral-white palette meets WCAG AAA contrast guidelines while avoiding the harsh blue-light glare of stark white backdrops.
  • Keyboard-First Navigation: Interactive elements have distinct focus states, allowing keyboard-only users to navigate without friction.
  • Cognitive Controls: Built-in aids — Bionic Reading, a line focus guide, and simplified bullet summaries — let readers adapt the interface to how they actually read.

The same thinking applies to any project with a known audience. If the information is worth presenting, it should be presented to everyone who needs it.

Contact

Get in touch

If you're working on something where data or content needs to be genuinely understood — not just displayed — I'd like to hear about it.

The work I'm looking for

A clear purpose, a defined audience, and a real use for the result. Civic, educational, professional, or community work where the brief has actual consequences for real people.