Visualization: The theory, method, and technique of organizing data into comprehensible and recognizable structures and presenting them in a more graphic way.

Visual engineer’s day job: draw various geometric shapes according to the ideas of product manager and designer, using mathematics and graphics knowledge.

Excellent visualization engineer: on the basis of the above to achieve truly fit the needs of users, flexible, visually stunning and creative excellent visualization work.

Visual Presentation & Data Processing Graphics & Rendering Engines

First, the original intention of learning

Master the visual development skills, upgrade the company’s 2D visual large screen to 3D visual large screen.

Ii. Learning content

1. Graphics basics

Be familiar with HTML/CSS, SVG, Canvas2D and WebGL graphics systems, master their basic usage, advantages and limitations, and facilitate the selection of appropriate graphics systems in practical applications.

2. Math basics

Master vector, matrix operation, parameter equation, trigonometric analysis, affine transformation and other contents and their comprehensive application, easy to solve most problems in visual graphics presentation.

3. Visual presentation

Pixelation, animation, 3D and interactive, beauty, image manipulation and visual effects, using a variety of mathematics and graphics knowledge to enhance the overall visual presentation.

4. Performance optimization

Learn WebGL rendering methods of complex 2D and 3D models, understand the technical ideas of visual high-performance rendering, and effectively solve the performance bottleneck of large-scale data batch rendering.

5. Data-driven

3D bar chart, 3D hierarchical structure chart and 3D music visualization combine data and visual presentation to form a complete visualization solution.

The format and magnitude of the data determine how the graphics system is selected and rendered.

Three, learning purpose

  1. Build visual technology system from 0 to 1;
  2. Master the basic realization principle of 4 large drawing systems;
  3. Develop your own visual toolset;
  4. implementation3DVisual large screen.

4. Supplementary information

  1. Canvas API official documentation
  2. The official documentation for SVG
  3. Official documentation of the WebGL API
  4. Interactive computer graphics