Wikipedia:Graphics Lab/Map workshop/Archive/May 2014

An interactive map of Wikipedia Education Programs for Outreach wiki

Resolved

Blank map of the world
Use this background, better shape and code.
Created by NNW ! :)

Article(s): outreach:Education/Programs

Request:

Dear Map Workshop,

Some of our community members have asked us to add a map of educational programs on education.wikimedia.org. This is a feature that we agree would be really helpful to have on Outreach wiki. An interactive map, like the one used by Wiki Loves Monuments here, would be even better. I've talked with User:Heatherawalls and User:Ragesoss about this, and we know it's possible, we just don't know how to make it happen ourselves. Heather encouraged me to reach out to the amazing mapmakers here on Commons to see if you may be able to support us in this. Can you? :) Many thanks in advance. All the best, Anna Koval (WMF) (talk) 21:26, 15 May 2014 (UTC)

Graphist opinion(s):

Hello Anna, nice to hear all this. Key factors are :

Where do you want to implement/display your map ? which website? https://outreach.wikimedia.org I think.
When do you need it ?
What is the map scope ? (USA? World?) and list of countries/places to display.
What is the depth of it (USA general interactive map + interactive map for each state ?)s.

--

Different technologies and time frame are possible depending on these answer.

The IEG:Wikimaps_Atlas I lead is expected to provide such interactive maps around August 2014 for general websites. Implementation into WMF's mediawikis then need approval and deployment.

Other approaches, while handmade, may be faster to get to you.

Send us back your starting parameters, we will find you the suitable approach. Cheer. Yug (talk) 10:10, 17 May 2014 (UTC)

Hi Yug, so happy to hear from you! :)

Generally, yes, we will use it on outreach.wikimedia.org, but more specifically at outreach.wikimedia.org/wiki/Education/Programs
How soon can you do it? ;) The sooner the better would be great. But we realize that we are not the only customer at the market. :) Our map scope is:
the whole World.
Countries being:

Algeria Argentina Armenia Australia Austria Azerbaijan Bangladesh Belgium Bolivia Brazil Cameroon Canada Catalonia (Amical) Chile Colombia Czech Republic Denmark Ecuador Egypt Estonia Finland France Germany Greece Honduras Hong Kong Hungary India Indonesia Ireland Israel Italy Japan Jordan Kazakhstan Kenya Korea Macedonia Mexico Myanmar Namibia Nepal Netherlands Norway Panama Philippines Poland Portugal Qatar Russia Saudi Arabia Serbia Singapore Slovakia South Africa Spain Sweden Switzerland Taiwan Thailand Tunisia Ukraine United Kingdom United States Uruguay Venezuela Yemen

World interactive map for each country.
Ideally, all countries could be clickable. If there is an education program in that country, though, it would be one color, a bright bold color, and clicking it would lead to it's program description page. If there is not an education program in that country yet, it would be another color, a lighter color, like gray or white, and clicking it would lead to a page that says something like: "There's no Wikipedia Education Program yet in this country. But you can help us start one! Here's how..." Does that make sense? :)

The Wikiatlas project isawesome! Maybe we can be one of your test projects! :)

Understood. I'm also reaching out to other cartographers, too.

I hope this is enough information to get started. Let me know if you need more information. Looking forward to working together again! Thanks so much, Yug! :) Anna Koval (WMF) (talk) 19:22, 17 May 2014 (UTC)

Ok,to translate this into graphist terms, I think we will have to work with File:BlankMap-World6.svg. I have a feeling of deja vue relate to this world map and interactive features, but I have no clue where I saw that. We could first provide you a static maps with these active countries colored which take a dozen of minutes to do, then look for an interactive solution. As usual, we graphists will try around, but that's really depending on the size of the task and our free time. Yug (talk) 21:06, 18 May 2014 (UTC)

I haven't experience with it, but imagemap may be the tool we need. Yug (talk) 21:39, 18 May 2014 (UTC)

Does someone knows python ? A guy made a python script to quickly convert svg into imagemaps: Creating an image map from SVG. He got this result from a previous wikipedia world map, which is quite impressive. Yug (talk) 21:53, 18 May 2014 (UTC)

Seems there is no countries-of-the-world imagemap in Category:Wikipedia_geographic_image_maps. There are few links on the subject of imagemaps. It seems there is a distinction between HTML-format image maps to wiki image maps. Yug (talk) 22:36, 18 May 2014 (UTC)

I think that one should consider this;

Do we want an image map that can stand alone?

or

Do we want an image map that is depending on code on the html page itself?

As this image map (to me anyway) should be uploaded to commons and work on any page from where it can be used anywhere (even outside wikimedia) this is a very important point, a stand alone version; free knowledge och free media.
If it's decided it should work anywhere then you can't use code on the html page, everything has to be within the svg file itself.
You can look at this link for a test.
This test file is not based on a wikimedia server or run thru it's program so that has to be check also, but this is how it works on a normal website: the stand alone version, all within the svg file. --Goran tek-en (talk) 06:44, 19 May 2014 (UTC)

Request taken by NNW.: working immediately !

Done: Result is there !

Thank you Thanks so much, NNW and Yug. I'm so grateful for your help and so happy about the results. :) Anna Koval (WMF) (talk) 20:28, 21 May 2014 (UTC)