Fund Widget Model (Super)
Good first pass on image generation with the Bullet Chart.
Need fixing including repeat of values, middle alignment of labels, white background with black marker seems plain, name of bullet chart, but not fund or period.
Good second pass on image generation of Bullet Chart.
Used black color background and blue text. Blue bar. TMV is embedded in bar. Green marker for TC$. Target marker remains white color. Need fixing in TC$ overlapping TMV bar when it shouldn’t. Need HUD border frame. Border box color isn’t visible. Need Period filter. Need Fund filter.
Added Period filter. Still need to fix TC$ overlapping blue bar. Bar border seems to be visible with light grey.
Added scaling as suggested by AI. Fixed the TC$ marker overlapping issue on blue bar. Target marker remains at a good position. Scaling is measured at 35K as suggested by AI. Need fixing on scaling as the markers are at incorrect positions to the scaling, possibly due to scaling and horizontal bar measurements. Need to determine if it’s a rendering image issue, or actual scaling measurements.
AI finally created HUD panel borders. Decided on Neon Blue. It’s not what we expected, but still works for us in this case. As for the markers, TC$ marker is not overlapping horizontal bar which are both accurate positions. Target marker remains at a good position. We’ve decided to focus on UX, so we decided to hide the scaling visually. Need to ensure that the markers are accurately positioned. Value label shows , instead of ., so we believe it’s an image rendering issue. It’s strange how TMV label shows up before the bar as we don’t recall prompting it. Will leave it for now. Need to include Fund filter as we’re finalizing the KPI card. Currently shows Fund-Bullet Chart for testing. We’ll keep the TC$ labeling on the bottom left, and Target on the bottom right as it looks ok. Not sure why AI decided to position the labeling at the bottom corners, but looks visually ok.
This version looks good. Markers are accurately positioned. Labels are accurately labeled. Not sure why Tar$ and value turned gray from color white, but not a big deal. HUD Panel and its borders are neon blue, and contrast looks much sharper. We’ve included Fund filter. We’ve removed TC$ and Target labeling for UX purposes so that the panel sizing is smaller. Scaling still remains hidden. For now, we’ll consider this to be our final version and will work on finalizing the API workflow, JSON, and HTML codes as a standalone KPI Widget from our current model.
