In this guide, we will walk through different data and chart types to help you find the best ZingChart to use with your data! Data Types When translating your data into a visualization, the first step is to analyze the type of data you've gathered. There are multiple data types to consider: Numeric: Data that consists of one or many numeric variables, ordered or unordered (e.g. the number of pets for sale in a store) Category: Data that consists of one or many categorical variables (e.g. the number of pets for sale in a store, by species) Number and category: Data that consists of a mixture ..read more

Our first two posts in our recently published Angular 'How-To' series were mean to show you how to create a simple chart and gave you some examples of different chart types and features, all in Angular. As the third article in this series, we have created an interactive dashboard and will walk through how we created it. To make this happen, we used ZingChart, ZingGrid and ZingChart's new Angular component. ZingChart and TypeScript ZingChart is a JavaScript charting library that has been around for 10+ years and has over 35+ chart types and 25+ charting features. To improve our library, we crea ..read more

Whether you are looking for a solution to quickly create a chart, or you are looking to build complex dashboards within your Angular application, ZingChart's new Angular component is the perfect solution for you. Getting Started To help get you started with our library in your Angular application, check out the first post in this series - How to Create Charts in Angular. If you run into any issues using ZingChart, its component or any of the 35+ chart types, don't hesitate to reach out to support@zingchart.com. Customized Charts The ZingChart Angular component has the same capabilities that th ..read more

We at ZingChart have been hard at work, creating a TypeScript Definition File and Angular component for our library! ZingChart — The only data visualization library you’ll need ZingChart is one of the original JavaScript charting libraries, and continues to innovate and improve on its feature set. With over 35 different chart types, a rich API of methods/events to integrate with, and a dedicated support team, ZingChart provides an all-in-one solution for your data visualization needs. ZingChart has over 35 different base chart types and hundreds of configurations Typescript Definition File For ..read more

This is a continuation article in a series of data visualization examples utilizing the JavaScript framework Vue.js, ZingChart and ZingGrid. We highly recommend starting from the first article to follow along more easily. In our previous article, we walked through an example of how to create a data visualization dashboard with ZingChart and ZingGrid. We’re continuing this example by connecting our dashboard to real data, and handing the data management and fetching from the server to ZingGrid. If you’d like to follow along, a finished example from our last article is the best place to start. Y ..read more

Adding charts to your React Application just got easier thanks to ZingChart’s revised React component. The ZingChart team recently updated the zingchart-react component to create visualizations by adding more features and direct access to events and methods right on the component! We’re excited to show you how it works! ZingChart — The last data visualization library you’ll need ZingChart is one of the original JavaScript charting libraries, and continues to innovate and improve on its feature set. With over 35 different chart types, a rich API of methods/events to integrate with, and a dedica ..read more

ZingChart is an incredibly powerful, dynamic and constantly growing charting library. While it has the ability to render extremely complex charts with millions of data points, it also has built in features to help you display your data in just a few minutes. This series is dedicated to highlighting those features and explaining how that can be done within 60, 90 and 120 seconds. No matter your development experience, let us show you how easy it is to quickly display your data in an interactive, responsive and dynamic way using ZingChart! How to Animate a Line Chart in Under 60 Seconds How to A ..read more

This is the second post in ZingChart’s Stopwatch Features series. This series of posts is intended to show you how quickly and easily you can create and animate a chart using the powerful JavaScript library, ZingChart. Watch the video below to see how easily this can be achieved. For a step-by-step walk through, scroll past the video to the content below. I will be going over 3 main items throughout this article: 1. Adding your HTML that contains your chart 2. Using Javascript and ZingChart to add data, properties and animations 3. Rendering your Gauge chart on the page For the purpose of this ..read more

Also known as column charts, bar charts come in many shapes and sizes. In this post, I will be going over how to create a simple vertical bar chart using  ZingChart. Even with little knowledge of HTML, CSS and Javascript, you can easily bring your data to life in just a few short steps. The steps I will cover are as follows: Referencing the ZingChart library Placing your chart on your HTML page Adding data and rendering your chart Basic customization of your chart 1. Referencing the ZingChart library If you have little knowledge of HTML layouts, I have provided one below with the ZingChart l ..read more

Creating custom dashboards is hard work! Whether it be an analytics dashboard to monitor your site’s traffic and social presence, or a SaaS dashboard to see how your product is growing, creating a dashboard from scratch can be quite complex and time-consuming. This is the second article in our series about integrating ZingChart with Vue to create an interactive dashboard. If you'd like to learn more about the zingchart-vue component, check out the first article in this series. This interactive Vue sales dashboard includes ZingChart’s bar, line, and pie chart types, as well as a ZingGrid data t ..read more