Hello stranger!

For this challenge, we'd like you to create a simple application that displays fetched comments as circles (similar to Figma). Data to be rendered is operated by this endpoint: https://interview.puelle.me/api/comments. But beware! The default response type is text/x-yaml, and you'll need to figure out how to make the response type application/json.

The app should render fetched comments as circles with the following requirements:

• 32 by 32 px
• transparent background
• colored 2px border (color may be found in the API)
• content is id colored with color
• content must be centered inside of the circle

Positioning is tricky though. The coordinates position from the API is not px but abstract units. Consider the screen as a canvas with dimensions 600x600. So a comment with position [300, 300] must be in the center of the dimensioned screen at all times. The one with [600, 600] should stick to the right bottom corner.