Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Read by thought-leaders and decision-makers around the world. Phone Number: +1-650-246-9381 Email: [email protected]
228 Park Avenue South New York, NY 10003 United States
Website: Publisher: https://towardsai.net/#publisher Diversity Policy: https://towardsai.net/about Ethics Policy: https://towardsai.net/about Masthead: https://towardsai.net/about
Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Founders: Roberto Iriondo, , Job Title: Co-founder and Advisor Works for: Towards AI, Inc. Follow Roberto: X, LinkedIn, GitHub, Google Scholar, Towards AI Profile, Medium, ML@CMU, FreeCodeCamp, Crunchbase, Bloomberg, Roberto Iriondo, Generative AI Lab, Generative AI Lab Denis Piffaretti, Job Title: Co-founder Works for: Towards AI, Inc. Louie Peters, Job Title: Co-founder Works for: Towards AI, Inc. Louis-François Bouchard, Job Title: Co-founder Works for: Towards AI, Inc. Cover:
Towards AI Cover
Logo:
Towards AI Logo
Areas Served: Worldwide Alternate Name: Towards AI, Inc. Alternate Name: Towards AI Co. Alternate Name: towards ai Alternate Name: towardsai Alternate Name: towards.ai Alternate Name: tai Alternate Name: toward ai Alternate Name: toward.ai Alternate Name: Towards AI, Inc. Alternate Name: towardsai.net Alternate Name: pub.towardsai.net
5 stars – based on 497 reviews

Frequently Used, Contextual References

TODO: Remember to copy unique IDs whenever it needs used. i.e., URL: 304b2e42315e

Resources

Unlock the full potential of AI with Building LLMs for Productionβ€”our 470+ page guide to mastering LLMs with practical projects and expert insights!

Publication

Using Vega-Lite for Data Visualization
Data Science   Data Visualization   Latest   Machine Learning

Using Vega-Lite for Data Visualization

Last Updated on December 21, 2023 by Editorial Team

Author(s): Angelica Lo Duca

Originally published on Towards AI.

A tutorial on how to start using Vega-Lite to draw charts.
Image by Author

Vega-lite is a concise JSON representation of a Vega visualization. Vega is a visualization grammar used to represent the elements of a data visualization chart. For those who know D3.js, you can imagine the output produced by D3.js as very close to that produced by Vega. For those who are not familiar with D3.js, you can think of Vega as a description in JSON of your chart, including axes, scales, types of marks, and so on.

Since Vega is a grammar, its syntax is quite verbose, so the developers have thought to compact the syntax to make it shorter. And here is Vega-Lite.

The basic sections of a Vega-lite JSON specification are:

MetadataDataEncoding,MarkLayer.

Let’s investigate each separately.

Start by defining the Vega-Lite version you want to use (identified by the keyword $schema), a description of the chart, its size (width and height), and the padding used in the chart. The following code shows the initial configuration:

{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A basic line chart", "width": 400, "height": 200, "padding": 5,}

This section specifies the data source for the visualization, as shown in the following snippet of code:

"data": { "url": "https://raw.githubusercontent.com/alod83/Data-Storytelling-with-Generative-AI-Using-Python-and-Altair/main/03/data/data.csv", "format": {"type": "csv"} },

The example loads a CSV file from a URL. However,… Read the full blog for free on Medium.

Join thousands of data leaders on the AI newsletter. Join over 80,000 subscribers and keep up to date with the latest developments in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming aΒ sponsor.

Published via Towards AI

Feedback ↓