Vue.js Bubble Chart & Scatter Chart
Vuejs Bubble Charts /Plots are used to visualize data in 3 dimensions. Bubble charts are similar to scatter chart except that the marker size is proportional to z value of datapoint. It accepts three parameters (x, y, z). x & y determine the bubble's position on X & Y Axis whereas z determines its size.
Vuejs Scatter Charts are used to represent quantitative data through points / markers. Scatter charts are also referred to as Scatter Plot or Point Chart. Library supports different kinds of markers like square, circle, triangle, etc.
Vue.js Bubble Charts
Bubble Chart uses markers varying in size to depict data.
Vue.js Scatter Charts
Scatter Charts are also referred to as Scatter Plot or Point Chart.
Features used Commonly in Vue.js Bubble & Scatter Charts
Most commonly used features in Vuejs Bubble & Scatter Charts include marker, color, etc.
- Type of the marker can be changed by setting markerType property.
- Size of the marker can be customized by setting markerSize property
- Marker color can be customized by setting markerColor or color property
Vue.js Bubble & Scatter Chart Types
General Tips for Vue.js Bubble & Scatter Charts
- Show legend to explain how different bubble sizes correspond with z-value.
- Use appropriate markers as per your dataset.
- Use bubble chart when there are less number of datapoints – an increase in the number of bubbles may result in congestion and overlapping.