Millie's repositories
lucky-draw
A simple lucky draw machine.
PixelShank
Add pixel size mark on image and save as .png. Build with p5.js, electron and canvas.
code-review-board
A prototype for Code Review Collaboration in angularFire, angularjs and Firebase
SpaceX-Mission-Patches
A single page listed SpaceX mission patches. Practicing vue-cli v3 and axios.
lean-canvas-in-css-grid
A responsive fullscreen lean canvas built in CSS grid method. 以 CSS Grid 方法构建的一张精益画布。可在浏览器中自适应全屏显示。
Chinese-Pinyin-Alphabet
A Chinese Pinyin Alphabet web version. 汉语拼音字母表 web 版
udacity-fend-matching-game
Udacity front-end development intermediate javascript project: matching game
cat-click-knockoutjs
Udacity front-end quiz - cat click project in knockout.js
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
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
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
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
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
p5-audioin-bezier-viz
Grant Microphone permission to the webpage and play instrument (e.g. guitar, ukulele) to experience the visual effects in realtime.
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
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
udacity-feed-reader-testing
Udacity feed reader testing project in Jasmine by Millie
world-countries-tree-d3js
Building a Tree Visualization of World Countries with D3.js following Curran's tutorial: https://www.youtube.com/watch?v=_8V5o2UHG0E&t=27043s