d3 js adjust existing bar chart

Closed Posted 6 years ago Paid on delivery
Closed Paid on delivery

Attached are 2 images and a HTML file.

HTML file "[login to view URL]" uses d3 javascript library to make a bar chart with a line connecting the bars.

I need you to make the chart look like the "new" image.

Changes:

1. the bars are spaced an equal distance apart based on the width of the chart. Dynamic values so if chart width changes, so do the distance between the bars.

2. Bar width. Currently hard-coded to something like "30px" or "25%". Need to make it dynamic based on number of bars. Eg, if 10 bars, then bar width might be 10% or less. If only 5 bars, bar width might be near 20%. d3 has a built-in calculation for this, I think.

2. use rangeBound or similar command to move the first and last bars in away from the edge of the chart

3. the line currently connects the left corner of the bars. Need to connect the middle of the bars. For negative bars (orange color), connect middle bottom of bar. For positive bars (blue), connect middle top of bar.

4. X axis ticks. Currently they are positioned at x=0 for each bar. Need to be center of each bar.

Dthreejs JavaScript

Project ID: #15457643

About the project

12 proposals Remote project Active 6 years ago

12 freelancers are bidding on average $29 for this job

logicpowered

We are very interested in this project. I have read your above description and i think its well within our range to execute this is in a good time frame Relevant Skills and Experience D3.JS Proposed Milestones $30 AU More

$30 AUD in 1 day
(30 Reviews)
7.7
technoweb7

Greetings, We have found this project match well with our skill and expertise level. Relevant Skills and Experience We are a team of 35 developers and 20 designers and each having more than 8 years experience in Websi More

$19 AUD in 1 day
(8 Reviews)
5.8
SmartBros

Hi i have very good experience in D3 JS and i could definitely help you out with this in short time. Please contact me We can start today. Relevant Skills and Experience D3 JS , JQuery , CSS Proposed Milestones $25 More

$25 AUD in 1 day
(15 Reviews)
4.1
moglimani

A proposal has not yet been provided

$25 AUD in 1 day
(2 Reviews)
3.5
AbdulRehman47010

will give you good return of your investment. Relevant Skills and Experience working with D3 from last two years. Proposed Milestones $35 AUD - full

$35 AUD in 1 day
(2 Reviews)
2.5
djamestaft

This task is perfect for me as I have used this library before and have implemented something very similar what you are asking. I have good experience in dynamic UI Relevant Skills and Experience Javascript, Jquery, H More

$35 AUD in 2 days
(0 Reviews)
0.0