计算机图形学.md

计算机图形学

数据可视化

视觉设计

系统设计

Visualization

Computer Graphics

WebGL

graphviz

ploty

Links

• https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API#
• https://graphviz.org
• 视觉设计
• 数据可视化
• 系统设计

flowchart & diagram

• drawio[Recommended]
• plantuml
• graphviz [推荐]
• omnigraffle
• mermaid
• diagrams as code
• PGF and TikZ -- Graphic systems for TeX[推荐]

Tools and Libraries

• ploty
• matplotlib
• bokeh
• onemodel.app
• graphviz
• cv/opencv
• pillow
• webgl
• echart
• d3.js
• chart.js
• Highcharts
• google charts
• gnuplot
  • http://www.gnuplot.info

svgator-使用svg制作动画

https://www.svgator.com

GIS Tools

Geographic Information Systems (GIS)

1. GIS Software & Tools

https://guides.lib.uchicago.edu/c.php?g=546121&p=3746280

PGF and TikZ -- Graphic systems for TeX

Latex Tool

gunplot-通过命令绘制矢量图, 并支持导出

brew install gnuplot

gnuplot

Python

Javascript

commdand line

gui

科研绘图工具

GraphPad Prism

OriginLab

Biorender

Python

Library

matplotlib

seaborn

ploty(推荐)

boken

JavaScript

Framework

1. D3.js:
   • D3.js (Data-Driven Documents) is one of the most popular and widely used data visualization libraries in JavaScript. It provides a powerful set of tools for creating dynamic and interactive data visualizations, including various types of charts, graphs, and maps.
2. Chart.js:
   • Chart.js is a simple yet versatile charting library that allows for the creation of various types of static and interactive charts, including line charts, bar charts, radar charts, and more. It's known for its ease of use and flexibility.
3. Highcharts:
   • Highcharts is a widely adopted commercial charting library that provides a comprehensive set of interactive charts and maps. It's known for its high-quality and polished visualizations.
4. Plotly.js:
   • Plotly.js is the JavaScript library version of the Plotly data visualization platform. It allows for the creation of interactive, web-based visualizations. It supports a wide variety of charts and offers a high degree of interactivity.
5. ECharts:
   • ECharts is an open-source charting library developed by Baidu. It provides a wide range of customizable charts and supports interactions, animations, and large datasets.
6. Google Charts:
   • Google Charts is a free charting library provided by Google that offers a variety of chart types. It's easy to use and integrates well with other Google services.

Glossary

Items

• Geographic Information System(GIS,地理信息系统)

visualization

Links

• https://www.chartjs.org

svg

links

• [go survey 工具 不推荐 r语言]https://github.com/r-lib/svglite/
• https://www.highcharts.com/ used in wsj, bbc
• https://www.w3.org/TR/SVG/
• https://svgjs.dev/docs/3.0/
• [推荐,rust survey blog 使用了该工具]https://plotly.com/graphing-libraries/

element

attribute

元素-element

path

d

M-(move to)-移动到

L-(line)-线

A-

Q-

Z-(close path)-闭合

GIS

links

• OSM-开放街道地图-微博_1002什么

数据可视化(data visualization)

data visualization

graph visualization

思维可视化

一图胜千言

参考资料

• google chart
• svg
• ploty

figure

questions

• top article figure maker for developer

• top science figure maker

思维可视化

思维->语言->文本, 文本是数据的一种, 思维可视化(尤其是逻辑关系可视化)

transform text into visualization(转换文本到可视化里, 将文本可视化表示, 文本可视化)

基本思想

• 环, 树, 二维表, 本质上是一样的
  • 环
  • 树
  • 二维表
• 一切对象都是以root为起点的树,

Graph/chart type