Beginners Solution
Eclipse IDE 2021-6 (download site) has a bi-directional UI designer plug in, WindowBuilder Pro [download site]. It creates a WYSIWYG-type design tab from Swing classes. Here’s a screen grab of the SDK vision-component example ChartComponent.java (I modified it).
It isn’t perfect and you still have to code by hand (like Kevin said) but it gives you something to look at.
Regarding my question about a step-by-step guide, well, I cloned the vision-component example and just started modifying to see if I could do something. Coding for the chart in the example was incomplete so I finished it by creating the bean info class from the hello-world component, Imported the module and added the components to my project.
Hopefully this can help some other people new to component development.
More questions later as I keep challenging myself 
Best regards,
Ted.