If you’re new to MODx it’s a pretty big project setting up both eForm and PPP, I do understand you get lost. The tutorial for PPP assumes you’re familiar with MODx, and I do recommend that you study the documentation for MODx.
But that wasn’t your question
I’m not sure what your problem is, both the html and call to ppp seems ok, but I’ll try to explain some random stuff
A placeholder is just something that holds data, in this case the placeholders holds data from the table for your user. So if you create a table field trough the ppp admin page called "eyecolor", then there will be a placeholder named [+eyecolor+] that you can use on your "view profile page" to show data for a user.
Have you created a new document in MODx for the show profile page? If so, on that page, have you put the call to ppp as in your post above on that page? Good!
Have you created the fields in the custom table for the placeholders that you have in your html above? Have you filled in some data on the "edit your profile" page? Great!
Have you put the html above on the "view your profile" page? You should put it in the "document content" in the document, I usually turn off editor when doing it.
Have you published the "view your document" page?
If done all that it should work. If not, let me know what’s not working.