-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
151 lines (129 loc) · 7.04 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Matplotlib Prefabs</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Codemirror -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/codemirror.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/addon/runmode/runmode-standalone.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/mode/python/python.min.js"></script>
</head>
<body id="page-top" class="index">
<div id="skipnav"><a href="#maincontent">Skip to main content</a></div>
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <b>Menu</b>
</button>
<div class="navbar-brand">Matplotlib Prefabs</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right navbar-static-top">
<li class="header">
<a href="index.html">HOME</a>
</li>
<li class="header">
<a href="posts.html">POSTS</a>
</li>
<li class="header">
<a href="about.html">ABOUT</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section class="success">
<div class="container">
<a href="https://github.com/cbhua/matplotlib-prefab"><img width=100% style="padding-left: 0%; padding-right: 0%;" src="fig/readme/title-image.png" alt=""/></a>
<br/><br/>
<div class="sec">About the Matplotlib Prefab</div><br/>
<p>
Matplotlib Prefab is a repository based on matplotlib package, which provides several matplotlib ploting templates for <i>line plot</i>,
<i>hist plot</i>, <i>scatter plot</i>, and some complex plottings. You can see the GitHub repository at <a href="https://github.com/cbhua/matplotlib-prefab">https://github.com/cbhua/matplotlib-prefab</a>.
</p>
<br/>
<h4>Introduction</h4>
<p>
I have a passion for creating visually appealing figures in publications. During my time writing papers, I often dedicated significant effort to crafting plots.
In this repository, I've compiled some of my previous `matplotlib` plotting source code and have designed several templates for convenient reuse.
I've chosen not to package this content due to the myriad of customizable parameters. Instead, I believe a template approach is more straightforward to modify and repurpose.
I hope these templates inspire you and provide techniques to craft beautiful `matplotlib` figures.
</p>
<br/>
<h4>Environment</h4>
<p>
I've aimed to keep dependencies to a minimum; thus, a basic combination of <code>matplotlib</code> and <code>numpy</code> should suffice. However, it's important to note that I've incorporated LaTeX font families and formatting.
Therefore, you'll need to have <a href="https://www.latex-project.org/get/">LaTeX</a> installed on your operating system.
</p>
<pre><code id="python_code">
Python Version: 3.10 (develop)
Python Package: matplotlib 3.8 (support Latex text), numpy
Other: to use the Latex illustration style, the Latex is required to be installed
</code></pre>
<br/>
<h4>How to use</h4>
<p>
You can easily go to the home page: <a href="https://cbhua.github.io/matplotlib-prefab/">cbhua.github.io/matplotlib-prefab</a> and see the example figures of each prefabs:
</p>
<img width=100% style="padding-left: 0%; padding-right: 5%;" src="fig/readme/homepage.png" alt=""/>
<p>
You can click on the figure to view the associated template code. Most of the code for these figures is self-contained and can be run independently. However, a few require external data. For those instances, please refer to the accompanying notebook.
</p>
<img width=100% style="padding-left: 0%; padding-right: 5%;" src="fig/readme/single-linear-1-page.png" alt=""/>
<p>
You can also refer to the GitHub <code>notebook</code> directory to access Jupyter notebooks for those example figures and tailor them to your needs.
</p>
<p>
Have fun!
</p>
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
2023 Chuanbo Hua | Paper Visual Lab
</div>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Theme JavaScript -->
<script src="js/freelancer.min.js"></script>
</body>
</html>