Creating a more visually pleasing bar chart - bar-chart

I'm currently building a dashboard in Tableau Desktop based on the Forbes Top 50 highest paid athletes from May 2021-May 2022. I have a bar chart showing the top 5 earners, but I want to remove their names from the bottom and place a small circular picture of their face, club team logo and then the respective amount, all above the bar.
I've attempted to delete the bottom row where it shows the players names, but it doesn't work. I have the player name and total earned but am unsure how to format the player face and team logo.

You can achieve this using Tableau image role in version 2022.4
You need to prepare the data with the images in a specific way though, Tim explains more precisely here : https://youtu.be/37xBp2BCQgw

Related

Is there a way to have my main web page change at a certain date/time?

I'm doing a project for school, and I think my idea is bigger than my capabilities as of now. I'm wanting my homepage to display information from another page on certain days. For example, I would want it to display certain items on Mon/Thurs/Sun, and others on Tues/Fri, etc. How would I go about doing this?

Finding user images based on keywords/tags and precise map location

For a given geographical location, defined either as a place-of-interest or as a delineated area on the map, I would like to find user-submitted pictures whose tag matches a certain keyword. For instance, I'd like to find pictures tagged by users with the word 'rainbow', and whose location is within a certain location that I can define within an online mapping system such as Google Maps.
Flickr and Panoramio used to be able to allow searching by keyword (picture tag), and one could then simply zoom in to the desired location in order to be left only with relevant results. However, Panoramio is of course now offline, and Flickr seems to have dropped this feature.
What I currently do is to zoom in on the desired area with Google Maps, then bring up the Photos layer from the bottom of the screen. The downsides are of course that I have to go through pictures manually, since there is no search function for them; and that I am limited to rectangular regions of interest as opposed to being able to define a polygonal area, which you would need in order to delimit, say, the valley of a river, or the outline of a national park.
Any tips from GPS/geolocation/GoogleMapsAPI enthusiasts would be much appreciated!

How to integrate and Program Avatar customization in HTML(5)?

I am making a Game in HTML5. In one part of it, I want the users to be able to customize the avatar they get by default.
For sample, let me share a screenshot from Zombie Lane on Facebook (now this game may not be in HTML5 but that's not the point):
My question is as to how do I include the images in the HTML5 page and in which format?
Whenever a clothing is different shirt is selected, the change is applied immediately. Is it a whole new photo that we see, or is the photo changed somehow by programming? How is it done?
NOTE: I do not want to get into 2D/3D rendering or any complicated algorithms, what's the simplest way?

HTML5 advice on drawings and images (canvas, SVG)

I'm looking into creating a website that allows people to create their own designs for a certain product. This product can have straight lines, curves, squares, and various shapes. I would not only like these people to be able to free hand draw their own artwork, but also be able to drag and drop (or just click in an area) certain stock images onto the template. I started this project using HTML/Canvas, and have implemented the drawing of freehand/shapes/lines, but I've read a few places that say I should be using SVG for the images.
Reading that I should use SVG for images made me think that since I'm a novice on HTML and website design in general, that I should possibly be doing this differently. So I was wondering how some people would implement this. For a good concept, think of a web site that people can design their own T-Shirts. You just draw on a square canvas, circles/squares/lines/free hand, but can also stick stock photos on there. Thanks, and I'm not looking for code, just to know if I should be using a mix of HTML/SVG/Canvas, or something completely different that I don't know about.
to summarize....
svg, or canvas.......or both, or something else completely.
Okay this is how i imagine you want it to work:
Your customers select a tshirt size and style.
An embedded application within your website allows the users to draw
a nice design they want or import an image
A price is calculated based on the size of the tshirt and the size
of the print
Upon succesful payment, you receive on your backend an image of the
print, the order details and you feed that image into your T-shirt
printing thingy, you print it and you post it.
If this is right you should consider this: http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html
You will probably want to remove some unnecessary tools from it and fire it up with different configurations based on what kind of tshirt the customer selected. One example is the t-shirt size. If a customer selects a small t-shirt you fire up a smaller drawing size. The list goes on.
You need to have some good JS skills however to be able to play around with SVG-edit because it is massive but from what i feel it fits perfectly to your purposes.
If you want to see the differences between SVG and Canvas read this: http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/. Its pretty straightforward.
Now why did i suggest using SVG-edit? I don't know if there is any other application implemented using canvas that has so many tools and works so nice as SVG-edit.
It has everything you need, including a '''SAVE as PNG'' function which will serve your purposes in case your t-shirt printer doesn't print SVG images.

UK County Map & Image Maps

I need a map of the UK showing counties that the user can then click on. I've determined that without using flash I can use image maps, and I have a large png county map that I can use.
However, to execute this I would be spending the better half of a day clicking dots on the lines between counties, and would have to repeat the exercise should I make a mistake, browser crashes, or the results arent satisfactory, or the image needs resizing.
Is there an easier way to pull this off without paying out or a large dose of repetitive clicking?
This Dundas Maps support page provides a lengthy list of resources for (mostly) free map data.