Modify a map of UK with 41 colourful regions and create image-map with mouse over

Hi, I'm looking for a web designer with good graphics design abilities. I have various jobs. Let's start with this one:

I have this UK postcode map as source (creative commons licence, free to modify):

[url removed, login to view]:[url removed, login to view]

(I notice when I print it, the postcode letters disappear, so it should be easy to remove them by editing the svg file).

I need the following:

1. To begin with, magnify the map by 0.9 (10% smaller), move the top islands (marked as ZE & KW) to the left of the HS islands and crop the image shorter. Then remove the right boxed Manchester area (keep it somewhere safe to consult on later).

2. Remove the darker zoom-effect in the sea by the London box (at the bottom left) and move the whole London box to the right where the Manchester box was (feel free to increase the width a little) and put a label "London" on top. Also move the GY & JE islands higher to make the map shorter and crop it. Remove France completely. Remove (crop) a few pixels space from the left of the map.

3. Remove all postcode letters and combine the postcode areas into larger areas, for example (taken from the attached postcode combination file):

TR,PL>Cornwall (Plymouth, Truro)

Meaning to combine the TR and PL postcode into ONE area, with one background colour (similar to the map), so removing the internal red border between the TR and PL areas, and filling with a single colour.

4. On the London box, grey out the corner unimportant areas (those without postcode letters).

5. Create an image map, where each new combined postcode area is a separate entity. On mouse over of that image map, show the name of the area (in the example above it will be the whole "Cornwall (Plymouth, Truro)", just use "title".

6. Write by JavaScript the number of each area (1 to 41) in the center of that area. (Just a loop with [url removed, login to view] using these "center" cordinates in an array, so I can use them for other purposes). When saying center, it's not exactly center, as I want the number to appear centrally.

The format of the attached postcode combination file is for each line:

postcode areas (separated by commas) > (just a separator, delete it) name (of the new area)

The result will be a slightly smaller map with much less postcode areas (nicely separated by the red borders and single fill colour), working mouse-over titles and the area numbers written centrally in the new areas.

Skills: Graphic Design, HTML, Javascript

See more: need graphic design, need graphic design service, need graphic design in hours, i need graphic design, i need graphic design 2, graphic design i need some graphic design, need graphic design art work done, need graphic design shirt, iphone app need graphic design, need graphic design artist, need graphic design work done, people need graphic design, need graphic design asap, need graphic design myspace, need graphic design hip hop, php create image function, pop image mouse, create image fusker, create image book, enlarge image mouse, image mouse, using text create image graphic design, create image banner dynamic photoshop cs3, using text create image, simple image mouse

About the Employer:
( 2 reviews ) Hinckley, United Kingdom

Project ID: #14409608

Awarded to:


This project is right up my alley! I love working with SVG for animation, technical diagrams, everything in between. Editing and rigging up that diagram will be no problem, I'd estimate only a few hours. Relevant S More

£80 GBP in 0 days
(8 Reviews)

16 freelancers are bidding on average £179 for this job


On time and On budget I can do all what you want .... I did 311 projects with a rate of 5/5 .... please check Relevant Skills and Experience I have a Professional team for More

£150 GBP in 3 days
(80 Reviews)

Hi, I (Myself a senior PHP Developer) have a team having experience of more than 10 years in developing web and mobile applications. I have a team of expert programmers who write robust and bug-free codes at the ve More

£257 GBP in 10 days
(11 Reviews)

I can complete it in next 5 hours Relevant Skills and Experience Adobe Proposed Milestones £100 GBP - job Message me

£100 GBP in 0 days
(253 Reviews)

HI, The SVG is on: [login to view URL] I can try to inspect the map element on Google Chrome Inspector Relevant Skills and Experien More

£150 GBP in 3 days
(159 Reviews)
£150 GBP in 3 days
(80 Reviews)

Hello. I am a GIS(Geographical Information System) expert and Web&Mobile(iOS&Android) developer. Since 10 years before I have been developing GIS applications. I graduated GIS special education course and I have More

£300 GBP in 3 days
(7 Reviews)

I will be happy to implement image map for you. Relevant Skills and Experience I know know JavaScript, I made image maps already. Proposed Milestones £100 GBP - Project milestone

£100 GBP in 3 days
(28 Reviews)

A proposal has not yet been provided

£230 GBP in 7 days
(6 Reviews)
£150 GBP in 3 days
(11 Reviews)

Honorable Sir, I am Expert Web Developer I have gone through your job description and understood your requirements. I am very eager to work on this project. Relevant Skills and Experience I am very skilled and exper More

£150 GBP in 3 days
(5 Reviews)
£150 GBP in 3 days
(6 Reviews)

SALUTATIONS I hope you are doing well and the season is going great for you and your business. I and my team have gone through your requirements for this project. And one thing I can assure you that they will all More

£400 GBP in 20 days
(2 Reviews)
£150 GBP in 3 days
(1 Review)

This is dumb easy. Hire me just for 5 star review from you and I’ll do it for the minimum. Seriously, don’t hire one of these idiots with the canned messages. Relevant Skills and Experience I'm a developer. Propose More

£150 GBP in 3 days
(0 Reviews)

A proposal has not yet been provided

£200 GBP in 1 day
(0 Reviews)