A barplot shows the relationship between a numeric and a categoric variable. Each entity of the categoric variable is represented as a bar. The size of the bar represents its numeric value. Barplot is sometimes described as a boring way to visualize information. However it is probably the most efficient way to show this kind of data. Ordering bars and providing good annotation are often necessary.
<head> <!-- Include the CanvasXpress library in your HTML file --> <link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/> <script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script> </head> <body> <!-- Create a canvas element for the chart with the desired dimensions --> <div> <canvas id="canvasId" width="600" height="600"></canvas> </div> <!-- Create a script to initialize the chart --> <script> // Create the data for the graph var data = { "y" : { "data" : [ [4,5,4,4,7] ], "smps" : ["Cat 1","Cat 2","Cat 3","Cat 4","Cat 5"], "vars" : ["Var 1"] } } // Create the configuration for the graph var config = { "graphOrientation":"vertical", "graphType":"Bar", "showLegend":false, "smpTextRotate":"90", "smpTitle":"Categories", "theme":"CanvasXpress", "title":"Bar graph with a single series", "xAxisTitle":"Value" } // Call the CanvasXpress function to create the graph var cX = new CanvasXpress("canvasId", data, config); </script> </body>
library(canvasXpress) y=read.table("https://www.canvasxpress.org/data/cX-stBarOneSeries-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE) canvasXpress( data=y, graphOrientation="vertical", graphType="Bar", showLegend=FALSE, smpTextRotate=90, smpTitle="Categories", theme="CanvasXpress", title="Bar graph with a single series", xAxisTitle="Value" )