Peter Beshai
I'm a software engineer & designer.
I make usable tools and visualizations with code.
Writing
3D Data Visualization with React and Three.js
January 31, 2020
on medium.com
How to scrape the web with JavaScript
December 2, 2019
on beshaimakes.com
Animating points on maps with deck.gl
August 10, 2019
Visualizing Toxicity in Twitter Conversations
August 17, 2018
on medium.com/cortico
Visualizing the spread of true and false news on social media
March 9, 2018
on sciencemag.org
Beautifully Animate Points with WebGL and regl
May 26, 2017
Smoothly animate thousands of points with HTML5 Canvas and D3
March 16, 2017
on bocoup.com
Brushing in Scatterplots with D3 and Quadtrees
December 3, 2016
Scatterplots in D3 with Voronoi Interaction
October 30, 2016
Showing Missing Data in Line Charts
September 20, 2016
on bocoup.com
Improving D3 Path Animation
September 14, 2016
on bocoup.com
React and Vega: An Alternative Visualization Example
March 1, 2016
on medium.com
Linked Highlighting with React, D3.js and Reflux
May 4, 2015
on medium.com
Projects
BeshaiMakes.com
2019
Cortico Radio Voices
2019
at Cortico
Local Voices Network Pitch Visualizations
2019
at Cortico
Measurement Lab Visualizations
2016
at Bocoup
Harvard Medical School Breast Cancer Browser
2016
at Bocoup
OpenVis Conf 2016 Videos
2016
at Bocoup
Buckets: NBA Shot Visualization
2014
at UBC
Academic Projects
2014
at UBC
Experiments
3D Faceted Search
December 2019
Stylized Map of Boston
December 2019
SVG Cylinder Maker
September 2019
NBA Top Shooters 2018-19 Summary
July 2019
Godel Escher Bach Letter Cube
November 2018
Minnesota Minutes Mess
December 2017
Lasso with d3 v4 and Canvas
October 2017
Exploring Web-based Map Techniques
July 2017
Animate 100,000 points with regl
June 2017
OpenVis Conf 2017 Moving Particles
April 2017
Line Circle Illusion
April 2017
Canvas Particle Orb
November 2016
Mandala Generator
November 2016
Jagged Lines
October 2016
Shooting Signatures
January 2015
NBA Shooting Signatures Report
January 2015
Open Source
d3-interpolate-path
Interpolates <path> d attribute smoothly when A and B have different number of points.
d3-line-chunked
Create lines that indicate where data is missing with gaps or differently styled line segments.
