witmin Goto Github PK

cat-click-knockoutjs

Udacity front-end quiz - cat click project in knockout.js

child-growth-charts

chinese-pinyin-alphabet

A Chinese Pinyin Alphabet web version. 汉语拼音字母表 web 版

choropleth-map-d3js

Choropleth Map with D3.js following tutorial by Curran: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=30807s

classic-arcade-game-clone

Classic Arcade Game Clone

code-review-board

A prototype for Code Review Collaboration in angularFire, angularjs and Firebase

course-collaboration-travel-plans

d3-color-size-legends

Making Color and Size Legends with D3.js following tutorial by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=29088s

d3-practice-circles-on-map

Circles on a map with D3.js following tutorial by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=39243s

dataquest_explore_data_visualisation

Explore different types of plots based on pandas and matplotlib

datavis-d3-making-basic-charts

D3.js + Rollup.js for simple bar chart, forked curran's tutorial: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=11706s

dataviz-d3-click-interaction

Practiced the click interaction using D3.js to select circles as the Tutorial by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=24562s

dataviz-d3-general-patterns

Enter, Exit, Update and Merge practices as the Data Visualization with D3.js - Full Tutorial Course by Curran Kelleher: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=18276s

dataviz-d3-get-started-making-a-face

Followed this video tutorial by Curran Kelleher and practiced D3.js with svg by creating a face: https://www.youtube.com/watch?v=_8V5o2UHG0E

fullstack-nanodegree-vm

great-bay-area-2020-population-chart

A practice of bar chart in D3.js

hong-kong-schools-map

A map of Hong Kong Schools Location markers with popup in Mapbox GL JS with React framework

lean-canvas-in-css-grid

A responsive fullscreen lean canvas built in CSS grid method. 以 CSS Grid 方法构建的一张精益画布。可在浏览器中自适应全屏显示。

line-chart-with-multiple-lines-with-d3

Line Chart with Multiple Lines following Curran Kelleher's tutorial on https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=41751s

lucky-draw

A simple lucky draw machine.

making-world-map-d3js

Making a world map in d3.js. Practices following Curran Kelleher's tutorial on YouTube: https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=24332s

my-travel-plans

Udacity Git course project

p5-audioin-bezier-viz

Grant Microphone permission to the webpage and play instrument (e.g. guitar, ukulele) to experience the visual effects in realtime.

pixelshank

Add pixel size mark on image and save as .png. Build with p5.js, electron and canvas.

scatter-plot-with-menu

Scatter Plot with Menu following Curran Kelleher's tutorial: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=36474s

selecting-a-year-on-a-line-chart-with-d3

Melting and Munging Data with JavaScript and Selecting a Year on a line chart following Curran Kelleher's tutorial: https://www.youtube.com/watch?v=_8V5o2UHG0E&list=WL&index=1&t=43174s

spacex-mission-patches

A single page listed SpaceX mission patches. Practicing vue-cli v3 and axios.

sparkline-in-matplotlib

Generate sparkline in matplotlib and display in a html as images

the-dancers-processing

The Dancers. Generative graphics with Processing python mode.

udacity-cat-click

Cat Click is one of the projects in Udacity Front-End developer course under advanced JS