[rdgm style=”float: left; margin-top: -45px; margin-bottom: 0; margin-right: 15px; border-width: 0 !important; width: 110px !important; min-height: 100px !important;” hide_progress=”true” hide_r_diagrams_icon=”true” mobile_enabled=”false”]

[q hotspot_user_interaction=”info_only” show_hotspots=”hover_show” hotspot_labels_stick=”hover_show” find_the_dot_controls=”false” find_the_dot_width=”100″ find_the_dot_height=”100″ find_the_dot_dot_color=”#ffffff” find_the_dot_background_color=”#000000″]

Yes, you found the one!

 

 

Yes, you found the one!

 

 

[/rdgm]

New, March 2022.  What’s “One in a million”?  Let’s start easier: this little square — 100 x 100 pixels — actually has 10,000 dots.  If you hover on “the one” — chosen at random — it will let you know.  Don’t see the dot?  Click “New dot” — it will draw a dot at another location; you’ll probably see it appear.  Not too hard!  But can you find one in a million?

 

Swinging Hotspot lets you add interactivity to any image. You can create “hotspots” with draw functions, including “paint fill,” as well as rectangles and circles/ellipses, and freehand. There are options to pop-up links, images, etc. on hover.  Swinging Hotspot is available as a WordPress plugin, or you can use the online wizard to create an interactive image that you can use on your own site with an “embed code.”

Swinging Hotspot examples.  Our first example we call “info only” – it shows additional info when you hover on a hotspot area.  Give it a try!

[rdgm style=”border-width: 0px !important;”]

[q hotspot_user_interaction=”info_only” hotspot_labels_stick=”hover_show”]