使用JavaScript可以在页面上创建简单的图表，以下是实现图表的一些关键词和步骤：
Canvas元素：使用HTML中的Canvas元素可以在页面上创建一个画布，用来绘制图表。需要给Canvas元素设置宽度和高度，例如 <canvas id="myCanvas" width="400" height="200"></canvas>
getContext()方法：获取Canvas元素的绘图上下文，可以通过该上下文绘制图形。例如 var ctx = document.getElementById("myCanvas").getContext("2d");
绘制矩形：使用fillRect()方法可以在Canvas上绘制矩形，需要指定矩形的位置、宽度和高度。例如 ctx.fillRect(50, 50, 100, 100);表示在Canvas上从左上角坐标为(50,50)的位置开始绘制一个宽度为100，高度为100的矩形。
绘制文本：使用fillText()方法可以在Canvas上绘制文本，需要指定文本的内容和位置。例如 ctx.fillText("Hello World", 50, 50);表示在Canvas上从左上角坐标为(50,50)的位置开始绘制一个文本内容为"Hello World"的文本。
绘制线条：使用moveTo()和lineTo()方法可以在Canvas上绘制线条，需要指定线条的起点和终点。例如
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(100, 100);
ctx.stroke();表示在Canvas上从坐标为(50,50)的位置开始绘制一条到坐标为(100,100)的位置的线条。
实现图表：通过组合以上绘图方法，可以实现简单的图表。例如可以使用矩形来表示数据的大小，使用文本来显示数据的具体数值，使用线条来分割不同的数据。具体实现方式需要根据具体的需求而定。
更详细的实现方法和示例可以参考以下链接：