## Fourier Series Visualization Using React Hooks

“Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound, etc., implemented in several programming languages. Coding DruidPart: MathChapter: Fourier SeriesSection: Javascript (React) In the previous Chapter, I visualized Trigonometric function (Sine and unit circle) separately using MaxMSP, JavaScript (React), Python, and Unity: This chapter I implement Fourier Series curve visualization.And start with JavaScript and React this section. Mathematics In mathematics, a Fourier series is a periodic function composed of harmonically

## Sine function visualization using React Hooks

“Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound, etc., implemented in several programming languages. Coding DruidPart: MathChapter: Trigonometric FunctionSection: Javascript (React) In the previous section, I visualized Trigonometric function (Sine and unit circle) by MaxMSP: Trigonometric Function Visualization Using MaxMSP — “Coding Druid” This time I use javascript to implement it. There are kinds of ways to draw graphic in javascript in browser:

## CROSSING – Creative Web App for the film[2019]

“过春天 The Crossing” is an awards-winning movie, directed by Bai Xue.The film has a poster created by an artist Lu Zhengyuan.We built a creative Web App for the poster and film. “The Crossing” (painting) hopes to express the resonance of the film by creating a sense of time and space overlap and an imminent shift in behavior. First draw the running Peipei, the color picture, the speed of the strokes

## DD – data visualization [2017]

“DD” is a smart taxi distribution system like Uber.  Its data has complicated multiple dimensions, such as TPH, Deal Rate, Distance, Guided or Unguided Rate, Requests/Drivers Rate, Coordinate, Time, etc.We designed and developed the data visualization. The map area is setup at Shanghai China. Yidan:Data analysis, data visualization design, UI.Sketch, Cinema 4D. Contra:Raw data parser, data visualization development.React, WebGL, D3js, mapbox, python.