Hello, I'm Haruki.

Bilbao, Spain


undefined screenshot

Been-there Map

Interactive map builder that shows where you have been. Just select the countries/states you visited and share it with your friends. Made with Svelte + D3.

Interactive Web App

undefined screenshot

Dual Subtitles for TED Talks

While using this Chrome extension, you'll see a translated subtitle for a TED Talk along with the original transcript. It helps you follow the speaker and understand the context more clearly. Never want to be left behind by an audience laughing at a joke? Select your language and get started!

Chrome Extension

undefined screenshot

How fast is Tsukuba Express?

Visual comparison of commuter rail services in Tokyo. Tsukuba Express line is one of the newest commuter rail services that are designed to be a rail link between Tokyo and Tsukuba. This site helps people looking for suburbs that can reach the city centre within a short time.

Interactive Web App

undefined screenshot

Visualizing Edo Period of Japan


Interactive Web App

undefined screenshot


Generate an editor-like image to share. Aspect ratio is adjustable.

Interactive Web App

undefined screenshot

TEDxUTsukuba Website

Bilingual website to reach a wide range of event audiences with diverse backgrounds. Every part of the website is internationalized, from content itself to UI elements to the title that appears when shared on social media. Also designed the website that allows everyone to manage the content by fetching data on the Google Spreadsheet.


undefined screenshot

Sohosai Rebranding

Organized a new initiative across different sectors and designed the logo and visual identity for the University of Tsukuba's festival, Sohosai.

Design System

undefined screenshot

Graphic Design

Works of graphic design and infographics.



2018.04 - 2022.03

BSc., 4 years

Information Media Science

2020.09 - 2021.04

Full-time Remote Exchange

Computer Science & Art History


2019.04 - 2019.12


2018.04 - 2021.04

Tech / Public Relations

2019.01 - 2019.11

Head of Branding

2018.04 - 2018.11

Web Developer

2019.02 - 2019.10

Web Developer


Web Development

  • JavaScript / TypeScript
  • Node.js
  • Vue.js / Nuxt.js
  • React.js / Next.js

Data Science

  • D3.js
  • Python
  • R
  • Google Analytics


  • Internationalization / Localization
  • API Handling
  • GIS
  • Open Data


  • Adobe illustrator
  • Adobe XD
  • Adobe Lightroom


  • Japanese (Native)
  • English (Advanced)
  • Spanish (Basic)

A bit more about me



Sendai, Miyagi


Wellbeing Activity

Morning bike ride


Things I'm good at



Things I want to be better at



Favourite drink

Hazy IPA



harukikinoshita [at] outlook.com

Haruki Kinoshita


Copyright © 2023. Haruki Kinoshita