Simple Donut

Simple Donut

main
run-button
run-button
reset-button
   	let env = muze();
    let rootData = new DataModel(res, schema);
	let canvas = env.canvas();
        canvas = canvas
            .rows([])
            .columns([])
            .config({
              axes: {
                radius: {
                  range: (range) => {
                    return [range[0] + 100, range[1]];
                  }
                }
              }
            })
            .layers([{
                    mark: 'arc',
                    encoding: {
                        angle: 'Horsepower'
                    }
                }
            ])
            .data(rootData)
            .color('Origin')
            .width(900)
            .height(800)
            .title('The Muze Project', { position: "top", align: "center", })
            .subtitle('Composable visualizations with a data first approach', { position: "top", align: "center" })
            .mount('#chart-container');