Discover Swizec/declarative-canvas-react-konva Open Source project

A React Hook to measure DOM nodes

2,591

useDimensions

Why programmers work at night - a book about programmers, by a programmer

585

nightowls

321

react-lazyload-fadein

React component to lazyload children with a nice fadein effect.

A resource for frontend engineers to learn everything about modern backend development.

314

serverlesshandbook.dev

An experiment -> Fractals in React.

286

react-fractals

An experiment to see if you can make a particle generator in redux+react+d3.

225

react-particles-experiment

AWS Lambda Chrome Headless screenshots

176

lambda-screenshot-as-a-service

Thaw carrots by warming up your laptop to a specific temperature

142

thaw-carrots

A sample project to investigate testing options with ReactJS

130

react-testing-example

This simple library can take an short URL and discover its long counterpart while attempting to be nice and using the correct shortener's API.

113

node-unshortener

A simple React wrapper for any D3 code you want

d3blackbox

Using React and d3.js, I built a visualisation of H1B salaries in the software industry.

h1b-software-salaries

A tiny ES6 fetch() wrapper that makes your life easier without drastic changes to the API.

better-fetch

jQuery plugin for imageless buttons a la Google

styled-button

A proof of concept exploration of using d3js transitions in a React visualization.

react-d3-enter-exit-transitions

A node.js library for instagr.am

nodestagram

Demo app to learn WebRTC. Communicates with itself via RTCPeerConnection

webrtc-sample

A crypto experiment, Redux-like store backed by blockchain.

blockchain-redux

ES6 edition of React+d3js, a book about making modular data visualizations.

react-d3js-es6-ebook

Proof of concept code that turns a React component into a jQuery plugin.

react-real-world

Step by step example for the React+D3v4 book.

react-d3js-step-by-step

A better mobile pooping experience

ImgurApp

This is my playground. It's where experiments with new technology happen, benchmarks of different things. Many real projects start their life here.

ml-class-homework

MATLAB

random-coding

Clojure

component-css-extractor

Extract CSS from any scoped styles in a component framework. In the browser.

A jquery plugin that turns multiselect fields into a field of checkboxes.

checkbox-field

Haphazard collection of examples for a book.

d3.js-book-examples

For my undergrad thesis I am building an automatic poet. The idea is to implement an evolutionary algorithm that can construct a poem using fitness functions trained on a text-based corpora.

Le-Thesis

Haskell

Personal-Runway

Every 3 days Personal-Runway predicts what my bank account will look like in two weeks and sends me an email. Income is gleamed from my Toggl account, expenses come from Toshl. The fetching and emailing logic is built with node.js, predictions and graphs in haskell.

An experiment to build a live map of airplanes with WebGL and React

webgl-airplanes-map

Space Invaders clone in React and d3.js

space-invaders

Utility to count a user's web sessions based on the definition GA uses.

web-session-counter

Smöl tool that turns URLs into twitter threads

article-threader

This is not the best app in the world, no, this is just a tribute.

JustATributeApp

A twitter-like experience for arXiv feeds using GPT

ScholarStream.ai

Remark plugin to turn code blocks into carbon.now.sh screenshots.

remark-code-screenshot

This is a baby project, things will show up soon.

react-d3js-ebook

No pressure learning at 2 minutes per day. Start with WHY React all the way to a React 16.3 master in a month.

learn-while-you-poop-react

Trying out server-side D3 rendering with React 16

server-side-d3-poc

An experiment to simulate viral spread of Covid19 under different conditions

corona-simulation

A little widget to ask your fans if what you made sparked joy :)

spark-joy

Build better technical newsletters and emails

letter-builder

Trying to find an algorithm to generate poetry

Generative-poetry

Python

migrations-map

A map of global migrations built from the UN dataset.

An experiment in visualising personal data.

personal-dashboard

An experiment to see which is faster at DOM manipulation because I'm curious.

dom-benchmark

What if I told you modern tools let you build and launch a small webapp in 30 minutes?

hot-dog-taco

Examples for a d3.js video course

d3-course-examples

LOLCODE implementation with Babel macros

lolcode-babel-macro

The landing page for React+d3.js

react-d3js-landing-page

Modern JavaScript cheatsheet

es6-cheatsheet

A quick landing page for anyone

markdownlandingpage.com

A service to generate Share This Email mailto links

sharethisemail

An example piechart built with React and D3 to try some things out.

react-d3-pie

A library that takes markdown and turns it into tweets

markdown-to-tweet

Starter repo for https://2019.fullstackfest.com/workshops/build-and-launch-jamstack-react-graphql-serverless/

modern-webapp-starter-sep-2019

Abusing d3.js to make a pong game.

d3-pong

A searchable <LogViewer> component built with Downshift and match-sorter

log-viewer

A simple app for writing and scheduling tweet threads

threadcompiler.com

The description of a livecoding project, which shows stuff and visualizations in React and d3.

livecoding-project

Proof of concept GraphQL wrapper of a real world REST API

graphql-rest-proxy

Pricing based on Big Mac Index purchasing power parity 🍔

bigmac-index-price-calculator

An experiment in compositional three.js

something-3d

Generate mondrian style art boards with React and D3

mondrian-generator

A quick example of modeling time as part of React application state

mobx-clock-example

A faux AI that writes JavaScript. You write the tests, AI makes them pass.

faux-js-ai

A livecode walkthtrough to go with the book

react-d3-walkthrough-livecode

Morty's Mindblowers from Imgur frontpage

mortys-mindblowers

Toshl client library for node.js

toshl.js

Playing around with AR.js

ar-js-experiment

Suggest a JS Ecosystem Creator we should donate to.

react-indie-bundle-donations

compilers-homework

A Pascal compiler written for a class on compilers. Compiles to intermediate code, then uses an interpreter to run programs.

Java

rapid.queue

rapid.queue is a lightweight boss+queue+workers system built on node.js with a redis backend.

A simple wrapper I've been using to help work with DynamoDB

simple-dynamodb

A landing page for the Learn While You Poop project

learnwhileyoupoop.com

Flamegraph implemented in React & D3

react-d3-flamegraph

Exercises and their solutions for serverless workshop

serverless-workshop-exercises

An experiment in creating an irc stats bot that pushes statistics about an irc channel to graphite ... in node.js

irc-stats-bot

The scripts I used/use to get a dataset of 500k Github repositories.

github-nightowls

A proof-of-concept for using react suspense with Gatsby

gatsby-suspense-poc

swizec-blog

swizec.com/blog

The fastest most privacy focused Twitter embed component.

twitter-lite-embed

React and D3v4 workshop, it's better in person

react-d3-workshop

Intro to React Workshop. It's better in person 😉

intro-to-react-workshop

A fun app for playing around with Instragram's new API in node.js

HipsterVision

PHP

remark-utf8

Remark plugin to transform basic markdown into utf8 special characters.

A simple Marvel movie timeline built with Svelte

svelte-marvel-movie-timeline

Blog and website on swizec.com

swizec.com

MDX

lovebox-lambda

AWS Lambda that sends daily random photos from an S3 bucket

Answer the front gate buzzer via SMS, uses serverless and twilio

doorbell-app

Boilerplate I use for node.js projects

node-project-boilerplate

This is an analysis of my 750words.com writings

750words-analysis

Python

moores-law

Visualizing Moore's law compared to actual transistor count like in https://www.youtube.com/watch?v=7uvUiq_jTLM&feature=youtu.be

A gallery carousel for things built with React and d3

react-d3-gallery

A dashboard of dog breed size, intelligence, and popularity.

dog-size-intelligence-popularity

Embed giphy search results with ![](giphy:search_term)

gatsby-remark-giphy

Demo chat app using blockchain-redux built for WeAreDevs 2018

chat-blockchain-redux-demo

An example project that implements MobX driven modals.

mobx-modal

Example animated piechart in React and D3

100

react-animated-pie