MDB Coding Challenge #2 – Create a chart

web
mobile

The time left to the end of this challenge:

Challenge:

Use MDBootstrap library and create some outstanding chart. It can be a standalone component or part of the bigger composition. It can be extravagant or simply practical. Original or classic beautiful. Colorful or uniform. It's all up to you!

Note: If you do not know how to start creating this project, see our tutorial and useful resources below.

Live preview

How to start:

1. Open template

2. Click at the bottom of the page

3. Be creative and recreate the example on the left.

4. When you finish the project, share it with the world. Click button and publish it on you favourite social media.

5. Use the #MDBCC hashtag when sharing.

We will browse all projects. We will award the best projects with MDB Pro licenses and promote them on our website.

Note: If you do not know how to start creating this project, see our tutorial and useful resources below.

Do you need help? Read our tutorial and useful resources

Basic tutorial - creating a dark theme, gradient chart

START TUTORIAL

Examples of MDBootstrap charts

Docs Snippets

Inspiration and ideas

Pinterest chart ideas Dribbble chart ideas

Note: If you feel that you need to refresh the basic knowledge, we recommend you to read our basic tutorials. They are short, simple and free:

START HTML TUTORIAL START CSS TUTORIAL START JAVASCRIPT TUTORIAL START MDBootstrap TUTORIAL

The list of the challenges

  1. Create a chart
  2. Create a clock - the winner is Lucas Marcon