Peter Beshai

use-query-params. React Hook for managing state in URL query parameters with easy serialization.

tidy. Tidy up your data with JavaScript, inspired by dplyr and the tidyverse

d3-interpolate-path. Interpolates path `d` attribute smoothly when A and B have different number of points.

react-url-query. A library for managing state through query parameters in the URL in React

3dpie. gaudy 3d pie generator in react and three.js

d3-line-chunked. Create lines that indicate where data is missing with gaps or differently styled chunks/line segments.

serialize-query-params. A javascript library for simplifying encoding and decoding URL query parameters

vis-utils. A collection of utility functions for helping with data visualization

linked-highlighting-react-vega-redux. Example of doing linked highlighting with React, Vega, and Redux

p5js-ccapture. An example of using p5.js with CCapture.js for exporting frames

react-express-example. A basic example of using Express and Facebook's React for both client-side and server-side rendering.

deckgl-point-animation. Demo of animating points in deck.gl

linked-highlighting-react-d3-reflux. An example of doing linked highlighting using React, d3.js and Reflux

d3-scale-interactive. An interactive UI for editing d3 v4 scales in your browser

react-map-demo. Created for ReactJS Boston Meetup, a demo of using react-map-gl and deck.gl to draw a basic map with some different layers.

react-taco-table. A table component for React based on column configuration :taco:

react-basic-vis-examples. A few basic visualization examples that build on each other, using React and D3.js.

react-computed-props. A higher-order component for React to add computed or derived props to the wrapped component for better performance.

peterbeshai.com. HTML

cra-snowpack. Example of using Snowpack's dev server in a Create-React-App app

beshai-makes-code. Code for BeshaiMakes.com Articles

shots3D. Render basketball shots from the NBA using WebGL

recreating-the-past. Sketches for the Recreating the Past class at the MIT Media Lab (Fall 2019)

stats. Examples for doing stats on experimental data

d3-webpack-loader. Automatically bundle D3 v4 modules under a single `d3` import with D3 Webpack Loader.

geo-explore. Simple demonstrative examples of mapping techniques for the web

nba-draft. JavaScript

react-auto-width. Set the width of a Reactjs component to its parent's width

rhombus. Rhombus Classroom Synchronous Participation System

react-library-starter. A starting place for creating a React library or component to share with others

rhombus-clicker-server-filter-multiple-instructor. Multiple Instructor filter for the Clicker Server for Rhombus Classroom Synchronous Participation System

rhombus-web-app-sandbox. Sandbox for various apps for Rhombus Classroom Synchronous Participation System

react-autosize. Component to automatically provide width and height props to its child

tree-csv. Explore a CSV containing hierarchical data as a tree

rhombus-id-server. ID Server for Rhombus Classroom Synchronous Participation System

protoweb. Web prototype scaffolding and hot-reloading server

rhombus-web-app-basic. Barebones Web App for Rhombus Classroom Synchronous Participation System

rhombus-web-app-experiment. Web App for 7-Segment Display Recognition Experiment for Rhombus Classroom Synchronous Participation System

rhombus-grunt-socket-server. HTTP/Socket.io server used by Rhombus Classroom Synchronous Participation System

minami. Clean and minimal JSDoc 3 Template / Theme

rhombus-web-app-game-theory. Web App with Game Theory games for Rhombus Classroom Synchronous Participation System

node-less-chokidar. Watch and build CSS from LESS, compatible with Create React App

rhombus-clicker-server. Clicker Server for Rhombus Classroom Synchronous Participation System

rhombus-web-framework. Web Framework for Rhombus Classroom Synchronous Participation System