You can follow these simple instructions:
http://www.saplearners.com/column-chart-using-vizframesap-viz-ui5-controls-vizframe-sapui5/
Change step 1 by: Create a new view in sap web ide (New->Sapui5View, this will create your view and your controller) and continues with the following steps.
Do not forget to include the library(sap.viz) in your index, or your manifest.json (if you are running on a launchpad)
index.html
<script id="sap-ui-bootstrap"
src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-libs="sap.m,sap.viz"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-compatVersion="edge"
data-sap-ui-resourceroots='{"demoFiori": ""}'>
</script>
manifest.json
"sap.ui5": {
...
"dependencies": {
"minUI5Version": "1.30.0",
"libs": {
"sap.ui.core": {},
"sap.m": {},
"sap.ui.layout": {},
"sap.viz": {}
}