Merge pull request ChartsCSS#14 from ramiy/main

Add animated logo + fix typos

Author: ramiy

README.md

@@ -1,3 +1,7 @@
+<div align="center">
+    <img width="300" src="https://chartscss.org/assets/img/logo-animation.svg" alt="Charts.css Logo">
+</div>
+
 # ChartsCSS.org
 
 Documentation explaining how to use [charts.css](https://github.com/ChartsCSS/charts.css).

src/components/axes.md

@@ -32,7 +32,7 @@ Class like `.show-x-axes` and `.show-y-axes` deprecated early-on in favor of `.s
 
 ### Supported Axes
 
-**Chart.css** axis system supports 3 types of axes:
+**Charts.css** axis system supports 3 types of axes:
 
 * **Primary Axis** (`.show-primary-axis`) separating the labels from the chart.
 * **Secondary Axes** (`.show-*-secondary-axes`) located inside the chart itself, parallel to the primary axis.

src/components/datasets.md

@@ -103,7 +103,7 @@ As you can see we have an issue with colors in our datasets. Continue reading to
 
 ## Datasets Colors
 
-By default, **Chart.css** assumes you use a single dataset. The framework uses different colors for each data record.
+By default, **Charts.css** assumes you use a single dataset. The framework uses different colors for each data record.
 
 On charts with multiple datasets you should add the `.multiple` class to make the framework use different color for each dataset.
 

src/components/reverse-order.md

@@ -12,7 +12,7 @@ Generally speaking, the framework doesn't deal with data - it only styles the da
 
 But in some unique cases you don't have access to the HTML markup. In other cases you receive an auto-generate HTML table from a backend server you have no control over.
 
-You can use JS to alter the content, but **Chart.css** has two utility classes that can change displayed order without changing the HTML markup.
+You can use JS to alter the content, but **Charts.css** has two utility classes that can change displayed order without changing the HTML markup.
 
 Note: Before changing content order using CSS, make sure there are no focusable elements (`<button>`, `<a>` etc.). It can be very confusing for users using a keyboard.
 

src/development/roadmap.md

@@ -13,14 +13,12 @@ Planned development and the release of new chart types:
 
 * ~~**October 2020** - Bar chart & Column chart.~~
 
-* ~~**November 2020** - Area Chart & Line Chart.~~
+* ~~**November 2020** - Area chart & Line chart.~~
 
 * **Q3 2021** - Radial chart.
 
 * **Q3 2021** - Pie chart.
 
-* **Q4 2021** - Radial chart.
-
 * **Q4 2021** - Polar Chart.
 
 * **Q4 2021** - Radar Chart.
@@ -29,7 +27,7 @@ Planned development and the release of new chart types:
 
 The framework should implement new features and components. Not necessarily in that order, the long term goals are:
 
-* **More Chart types** - Add more chart types, start with radial and pie charts.
+* **More Chart Types** - Add more chart types, start with radial and pie charts.
 
 * **Dual Axes Labels** - Support two independent secondary-labels, one dataset on each side.