# Charts And Math

# Charts

These diagrams are created using one line of code and leveraging the vue-chartkick library.

<bar-chart :data="[['Assignments', 10], ['Midterm', 35], ['Final', 55]]"></bar-chart>
Loading...
<pie-chart :data="[['Assignments', 10], ['Midterm', 35], ['Final', 55]]"></pie-chart>
Loading...
<column-chart :data="[['Sun', 32], ['Mon', 46], ['Tue', 28]]"></column-chart>
Loading...
<area-chart :data="{'2017-01-01': 11, '2017-01-02': 6}"></area-chart>
Loading...
<scatter-chart :data="[[174.0, 80.0], [176.5, 82.3]]" xtitle="Size" ytitle="Population"></scatter-chart>
Loading...
<line-chart :data=" [{name: 'Workout', data: {'2017-01-01': 3, '2017-01-02': 4}},{name: 'Call parents', data: {'2017-01-01': 5, '2017-01-02': 3}}]" />
Loading...

# Math

x2+x2=x2+x2x^2 + x_2 = x^2 + x_2

x2+x=x2+xx^2 + x = x^2 + x

See KaTeX.

# Aside

Standard Markdown can be used in VuePress.

*Random Link*, See [my website](http://url.surge.sh/1)