Highcharts demos | Highcharts.com

Line charts

Highcharts basic line chart JavaScript example displays graph plot of solar employment growth areas over time.

Highcharts basic line chart with annotations JavaScript example displays annotated shaded graph plot of Tour France.

Area charts

Highcharts basic area chart JavaScript example graph compares cold war nuclear weapon stockpile peaks over time.

Highcharts percentage area chart JavaScript example graph compares and estimates global continental population growth over time.

Column and bar charts

Highcharts vertical basic column chart JavaScript example graph compares monthly average rainfall in major cities clusters.

Chart showing the top 5 countries by the amount of the winning gold medals from the last five editions of the Summer Olympics. The columns behind the main column show the results from the previous edition for a particular country. Each columns group has a xAxis label rendered as a country flag.

Highcharts horizontal stacked bar chart JavaScript example graph compares human fruit consumption of apple pear grape.

Pie charts

Highcharts basic pie chart JavaScript example compares Chrome Firefox Safari browser market share as proportional segments.

Highcharts donut chart with race functionality showing changes in a data set over time.

Scatter and bubble charts

Highcharts basic scatter plot JavaScript example graph compares width and height of athletes across different sports

Highcharts scatter plot JavaScript example displaying individual measurements in a randomized horizontal position, increasing legibility.

Highcharts 3D Bubbles chart JavaScript example graph compares series values as radial gradient fill bubble diagram.

Combinations

Styled mode (CSS styling)

Accessibility

Audio charts

Dynamic charts

3D charts

Highcharts 3D cylinder chart JavaScript example graph compares variables as three dimensional vertical color bar chart.

Highcharts 3D funnel chart JavaScript example graph visualizes pipeline conversion of website visits to customers downloads.

Gauges

Heat and tree maps

Highcharts honeycomb tile map JavaScript example graph visualizes US population geographically by state with color chart.

More chart types

Highcharts flame chart JavaScript example graph shows a chart rendering process as stacked tasks and subtasks.

Highcharts pareto chart JavaScript example visualizes percentage restaurant complaints by combining line and vertical bar graphs.

Highcharts parliament item chart JavaScript example visualizes German political party breakdown by color and percentage proportion.

Highcharts pictorial chart JavaScript example visualizes Kelvin temperature scale.

Highcharts pictorial chart JavaScript example visualizes Composition of the human body.

Highcharts timeline diagram JavaScript example visualizes space exploration over time with Sputnik to Apollo story chart.

Highcharts wind rose chart JavaScript example visualizes weather frequency conditions by compass direction using polar graph.