render the planning with cavasjs