Jesper Kiledal About Blog Visualisations
About Menu
  • About Jesper Kiledal
  • Tools and frameworks
Lastest blog posts Latest blog posts
  • D3.js Axis Tips and Tricks
  • Top 5 data visualisation blogs
  • Understanding the Cubic Bézier Curve in SVG
  • Understanding the viewBox in SVGs
  • About this blog
  • Is up really up?
Visualisations Latest visualisations
  • Normal distribution
  • Interactive rounded Corners on SVG Polygons with d3.js
  • Interative globe with d3-geo and <canvas>
  • Bydelsfakta: Visualising demographic statistics
  • Optical illusion with a circle of circles
  • Oslo as 100 persons
  • Finger Sign Generator
  • Orbital Resonance
  • Harmonious HSL Color Interpolator
  • Playfair-Inspired Area Chart

Visualisations

A selection of my personal and professional data visualisations

  • Normal distribution illustration

    Tool


    Normal distribution

    A simple tool for exploring and visualising normal distributions with customizable parameters.

  • Interactive rounded Corners on SVG Polygons with d3.js illustration

    Experiment


    Interactive rounded Corners on SVG Polygons with d3.js

    Exploring the SVG bezier curve to create rounded corners for n-sided polygons.

  • Interative globe with d3-geo and <canvas> illustration

    Experiment


    Interative globe with d3-geo and <canvas>

    An interactive visualisation I made when trying to learn ObservableHQ, d3-geo projections and <canvas>.

  • Bydelsfakta: Visualising demographic statistics illustration

    Application


    Bydelsfakta: Visualising demographic statistics

    Examine data regarding population, living conditions and housing in the municipality of Oslo.

  • Optical illusion with a circle of circles illustration

    Experiment


    Optical illusion with a circle of circles

    Animating a circle of circles creates an illusion of a rolling circle.

  • Oslo as 100 persons illustration

    Scrollytelling


    Oslo as 100 persons

    A framework for visual scrollytelling using demographic data of Oslo's citizens as an example.

  • Tool


    Finger Sign Generator

    An experimental planning tool for wayfinding designers to visually organise complex urban wayfinding systems.

  • Experiment


    Orbital Resonance

    A small personal project visualising the beauty in the resonance between two celestial bodies' orbits.

  • Tool


    Harmonious HSL Color Interpolator

    A tool to generate beautiful color palettes with colors that have an equal percieved difference in brightness.

  • Visualisation


    Playfair-Inspired Area Chart

    Visualizing change in the age distribution between two points in time using a neat trick first used by William Playfair.

Jesper Kiledal © 2025
jesper.kiledal@gmail.com