Posted on

How to Create a Simple Gantt Chart Using CSS Grid

A Gantt chart is a handy type of bar chart that is used in project management for showcasing the schedule of tasks. This chart visualizes project activities as cascading horizontal bars, with width depicting the project’s duration. 

As a front-end web designer or developer, you can make use of Gantt charts to manage projects and enhance the productivity within your team. In this article, I’m going to show you how to create a simple Gantt chart using the CSS Grid Layout system — no external libraries or other fluff, just pure CSS. 

Posted on

How to Use Charts to Display Data Relationships

How to Use Charts to Display Data Relationships

Have you ever found yourself in life, business or academia, explaining relationships or correlations between data? Chances are, you resorted to a visual aid such as a chart made on your computer or drawn on the back of a napkin when trying to get others to grasp what you are trying to convey.

When doing so, it is important to understand that a chart is always subjective. When you try to visualize data, you are — sometimes unconsciously — deciding what information to highlight and obscure, as various chart types “force” the data into specific data-stories. The charts you use may also exclude certain audiences if they require specialized knowledge (e.g., some charts used in science or finance).

Posted on

Tutorial: Reactive Spring Boot, Part 4: A JavaFX Line Chart

Learn how to create a JavaFX application that shows a line chart.

This is the fourth part of our tutorial showing how to build a Reactive application using Spring Boot, Kotlin, Java, and JavaFX. The original inspiration was a 70-minute live demo. If you would like to see previous installments, please check out the Further Reading section below. 

In this step, we see how to create a JavaFX application that shows a line chart. This application uses Spring for important features like Inversion of Control.