Forms only support to display that kind of view as default. If you want to display in other formats, you should write your custom view where you can display your data in your specified format. See FormData.js as a sample code for render a custom view.

The manual here shows the image below

While the image below is what it looks like for me:

My question is what do I need to do to be able to view the forms as shown in the first image?

You don't want to show the graph, do you? In that case you need some tweak to hide it. Am I missing something?

The problem is not whether the graph is shown or not. The problem that only the graph is shown. No table with the records is shown.

It should show both grid and graph. Please check the browser console if there is any js error. Maybe Forms conflict with your custom code.

No js errors in the console.