Find Jobs
Hire Freelancers

DEADLINE: 2 days - Write 4 fully responsive d3.js-Version-4 Visualizations in SVG for D3-v4 EXPERTS ONLY

€250-750 EUR

In Progress
Posted about 7 years ago

€250-750 EUR

Paid on delivery
D3 V4 perfect understanding of concept needed inclusive key function etc - Building needs to be within 48 hours - some elements should reposition for different screen sizes (using transitions) - elements should smoothly rescale according to current width (this needs to be done manually, no(!) aspect ratio approach through viewBox (using transition()) - at for 0-99px, 100-199px, 200-299px, 300-399px there should be different positionings for elements (so they can make use of available space) --> please check attached picture for one possibility how the objects could reposition - all reposition is made with transitions (so all elements fly from one point to another) - the code needs to be pretty - the graphic should have differend heights according to different widths (because the elements position smartly to make best use of available width) transition happens gradually while iframe is resizing, so transition effects are applied. -clean code (2 time mentioned) - only technologies used are SVG and D3.js V4 - the graphic should remember its height (so the height of the element most low) (later it will manually change height of parent container from within an iframe, therefore height needs to be remembered) - everything should be in one function which is receiving width and data and returns the new height of graphic as well as draws the data according to current width passed by function (including the svg stage) - I already wrote a function that can say true or false for different width classes I will send it on request - each of the 4 graphics in seperate container - all text elements are fetched from the json file [login to view URL] (in zip) and if needed mor they are created there - i sketched an idea in code (it doesnt work or show sth). It is just meant as an idea regarding how the resize function could look and how the pixel steps could be managed in a small function i wrote - all elements must have classes - all style must be applied through css wheere possible and every element must have a class that can be edited in this one single css sheet
Project ID: 13805547

About the project

4 proposals
Remote project
Active 7 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

About the client

Flag of GERMANY
Berlin, Germany
5.0
43
Payment method verified
Member since Mar 6, 2017

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.