How good are your website charting skills?
We are in an information overload!
Big Data is coming and it is coming fast! Sadly, we are experiencing a huge challenge. We are already in an information overload society! And Big Data is pushing it our maximum limits.
What is the solution to the never ending stream of information?
Big Data meets Data Visualizors! A data visualizor is someone who can visualize data in such a way that the essential data can be displayed! While Big Data grows the demand for high paying charting specialist that can organize data and present it intuitively will grow along.
Time is money!
The solution of Big Data is Data that can be read in a matter of seconds! Every second count and the difference between a 1 minute and 10 seconds is huge! The best thing of all! Big Data is here to stay forever! Charting Specialists will be a forever in demand skill and we just start to experience it!
This course is the starting point a very new carrier in data visualization!
Big Data specialists will receive an average salary of $100.000. The real challenge is not gathering data but how to make data understandable!
This course shows you and only SCRATCHES the surface of this fenomenal subject! My passion of charts and data is huge! In this course I am sharing with you things that I truly enjoy. I only wished I knew this years ago!
We are living in an (digital) information age!
The age of the mind! The person with the best information will have a great advance! But there is a big change heading toward us! With information overload we do not want anymore too much information!
From (digital) Information age to (digital) Understanding Age!
The future is now for the experts that can gather the information and make something useful out of it. Information is only power if you understand it! Charts is the most POWERFUL way to do it!
This course shows you how you can create your charts. Excel is wonderful but it does not support the speed of the web! Chart JS does! This course is really a course that prepares you for the future! How fast can use make information understandable and share it on your webpage quickly?
With this course you will succeed and learn how to make wonderful quickly to understand digital charts for your website!
Go ahead and start taking action! Take this course right away and build your future!
Chart.Js Introduction to line chart
Discover how to create charts on your website with Chart.Js. A fun and professional way to present your data more visual on your site.
Data visualization is high in demand. With Big Data we need faster ways to digest data. Information overload is a common issue. With Chart.Js you start to focus on a new way of presenting the data online. Everyone has access to view your data and you save time in sending Excel reports.
This course will teach you how to make a line chart and makes it easy to understand.
Chart Js, Creating your line chart!
In this lecture you will learn how to create the basics so you are ready to start. You will learn how to:
Chart Js, Assigning the Canvas Tag
Chart Js, the Y-axis.
In this lecture you will understand how the Chart Js is build. The set up is just like a chart. It contains a X-axis and a Y-axis. In this part you will focus on the Y-axis. You will learn how to:
Chart Js, datasets and datapoints for X-axis
In this lecture you will learn how to create the datasets and assign specific values to the X-axis. You will understand how to:
This quick quiz will test your knowledge about Chart Js what you have learned so far.
In this lecture connects the ID that will be used to display the chart and orders the 2D element to draw the Canvas.
Chart Js, drawing the chart lines
Test your knowledge so far! Do you know the answer of this quiz?
Chart Js, Introduction section 3 (Learn how to design and color your chart)!
In this lecture you will get a quick overview of what you will learn in this section. This section is focused on how you can design your chart to make it professional looking. You will learn to:
Chart Js, Adjusting the width and height of the chart by connecting it to CSS.
Chart Js, coloring the stroke lines of the chart.
In this lecture you will color the stroke lines of the chart. This should always stand out from the filler color. If they are both equal make sure the filler is transparant and the stroke is solid.
Chart Js, coloring the filler of the chart
In this lecture you will color the unimpressive looking drak grey into something appealing. You will give the fill color something that is better suited and with a slightly transparant design. You will learn:
Chart Js, coloring the data points
In this lecture you will make the color points more appealing. At the moment it has no assigned color and automatically follow the standard color. You will make the data points stand out by using the simple color coding system of HEX.
Chart Js, colorin the point strokes of the chart.
In this lecture you will color the point strokes. The point stroke is the so called "border" around the dot of the X-axis. This does not have a real color yet and we need to assign it. The best advise is to be consistent. Always use the same color for point stroke as you did for the stroke. Consistent design makes your chart/website more professional.
Brain Buster Challenge. In quiz you will test your knowledge fromm what you have learned so far.
Chart Js, Introduction section 4 (Advanced chart options)!
In this lecture you will get a quick overview of what you can expect from section for. You will learn how to use advanced tricks such as:
Chart Js, implementing multiple lines in a chart.
In this lecture you will learn the advanced tricks of adding multiple line chart.
Test your knowledge about Chart Js till now! Do you know this answer?
Chart Js, displaying and removing grid lines of a chart
In this lecture you will learn the advanced trick of adding and removing the grid lines of a chart.
Chart Js, coloring the grid lines of a chart
In this lecture you will learn how to color the grid lines in multiple options.
Chart Js, adjusting the grid line thickness/width.
In this lecture you will learn how to change the gridlines thickness and width by an exact amount of pixels.
Chart Js, removing the horizontal and veritcal grid lines.
In this lecture you will learn how to manipulate the grid lines and remove the Horizontal lines or Vertical lines or both lines.
Test what you have learned from teh Advanced Chart options
Chart Js, Advanced Chart Options with the Bezier Curve
In this lecture you will learn how to:
Chart Js, removing the Bezier Curve and give the chart a pointy look.
In this lecture you will learn how to remove the Bezier Curve and how to give it a strong point or edgy look.
Chart Js, Adding Bezier Curve and controlling the tension of the line.
In this lecture you will learn how to controle the line tension and give it a more curved look.
Testing what you have learned from the Bezier Curve options.
Chart Js, Advanced Chart Options changing the data points
In this lecture you will get an overview of what you will learn in this section. You will learn how to:
Chart Js, enable or disable the data points in a chart
In this lecture you learn how to remove data points from a chart. This will result in a clear line in a chart.
Chart Js, controlling the radius of the data point.
In this lecture you will learn how adjust the radius of a data point. Understand that the basic radius is 4.
Chart Js, controlling the radius of the data point.
In this lecture you will learn how adjust the border of the data point.
Chart Js, controlling the detection radius
In this lecture you will learn how to change the detection radius of a chart. You can enlarge it or reduce it but you cannot remove it completely.
Testing your knowledge of what you have learned so far!
Chart Js, Conclusion
In this lecture you will get a quick rehearsal and a special thank for making it to the very end. As a bonus I offer additional courses about this topic related to Bar, Pie, Donut/Doughnut and Rader chart
Chart Js, a reference sheet with all the commands by Udemology.
In this lecture you will have a useful downloadable reference sheet with all the chart commands.
Nicky Wong is an expert in translating data into market opportunities. Data is his passion, Excel, Databases and Big Data are truly wonderful topics. As an absolute data lover and he is always looking for ways to analyze it. It started with stock market facts and now quickly turned to everything that is unique and different.
However, all the information have one primairy goal and that is "How to use this information to gain a competitive advantage". As a Market Researcher with it roots in Marketing Nicky understands that knowledge is power. Whatever you do make sure you use data at your advantage.
My vision of Data and the future
Why Data visualization matters!
I truly belief that Big Data is giving us all a new obstacle to overcome! Information overload is a serious challenge and with Big Data it only multiplies the issue. If you are a data miner you will know that much data has no meaning if you cannot connect any meaningful dots.
Large chunks of data, reports and tables are not effective. It is impressive to get a huge database but it is demotivating for others to read data. The biggest data trend is increasing this issue! Big Data = Information Overload x 10.
From (Digital) Information Age to the (Digital) Understanding Age
A data analyst can analyze data but the most important skill is Data Visualization! These so called "data visualizers" will develop a new skill gathering meaningful information and present it in a very understandable and effective way.
The issue is not anymore the data but the way to give meaning and communicating meaning to others. The person who can do that will have a huge advantage in the so ever growing Big Data world.
Big Data is here! Data Visualizer is on it`s way! In all of my courses I use techniques to create understandable data and present it in an impactful manner.