Re-create Diagram with Style using Plotly.

Hello Everyone. In this post I will show you how to re-create diagram with style using Plotly and R programming of course.

Photo by Luke Chesser on Unsplash

Based on the information I got from the official website. is an online media, data and research company in the fields of economics and business. Founded on April 1, 2012 in Jakarta, the company presents in-depth news, information, data and research results for the benefit of business leaders and policy makers. The Katadata team consists of experienced journalists and researchers in the fields of energy, finance, macroeconomics, trade and infrastructure.

The articles in this word are well presented. The data that has been collected is presented interactively (can be hovered) and is interesting so that it is easy to understand.

I tried to make a diaram in the style commonly used in the katadata article. I use the R programming language with the help of library tidyverse, plotly, httr, jsonlite and janitor. Maybe my diagram isn’t 100 percent the same. But the results will be made in such a way as to resemble the style of katadata.

The following is an example of a diagram found on the page.

screenshot from

Menghitung Waktu Tepat Memasuki New Normal

Artikel ini telah tayang di dengan judul “Analisis Data: Menghitung Waktu Tepat Memasuki New Normal” ,
Penulis: Tim Data Journalism

Here are the results of the diagram I made using plotly.

chart made with Plotly.

Here is the source code that I use or you can download here.

Thank You

Amri Rohman
Sidoarjo, East Java, ID

Love sport science and bussines statistics, Indonesian.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store