Using View Formatting to Create Custom Views of SharePoint Lists
The first step is to create a list within SharePoint. It can live within any site collection. It is best to have more than one column of information. The more you have a available, the more options for displaying that content are possible.
Next, create a new view that you are going to want to format. Once in you new view, select the view from the drop-down menu and select “Format Current View”.
From the options, click on Advanced Mode to see an area to copy/paste your JSON into. Copy and paste your JSON into the field and select “preview” or “Save”.
You will now see your custom view showing in the list. The view affects how each individual list items appears within the list. You can place the list on a page as well using the new views to create custom experiences for your users. .
What does the JSON look like?
How to Learn JSON
There are some great resources to help you become an expert in no time. Here are a few that I found helpful:
Where to find Examples
Chris Kent (MVP) and the community have placed the JSON and instructions for some great examples you can use for free on SharePoint PnP. You can view them at https://github.com/SharePoint/sp-dev-list-formatting