Completed

Add 3 features to a newly developed D3 web page

I have a newly developed web page using D3, JS, and HTML: [login to view URL]

Need to add following features to it:

1. Enhance top right input textfield filtering:

1.1 dynamic filtering with any text input to the field, and reset when blank/empty, "return" key shall not be needed ( currently the filtering only happen when "return" is pressed", this is not convenient)

1.2 The filtering shall be case insensitive aka upper case/lower case shall not be differentiated

2. Convert the 2 legends into checkbox, and use them to control display/hidden of avg_price info vs pieces_sold info

There are 2 legend shown on top of the chart (svg) that currently doing nothing:

* number of pieces sold ( in pink )

* average sold price (in blue)

- Please convert them into "Checkbox"

- by default, both are checked.

- Each, when checked, shall display the corresponding bar on chart as well as the number

- when unchecked, the bar and number on chart shall be hidden

3. Fix the default display problem when having long list (display go to bottom of svg and have to scroll to be seen), or single item (display scrolled under legend, and only 1/2 of the item can be seen)

The display shall be consistently displayed at the same position relative to legend regardless of number of bar items on page.

Please test your work on different devices/browsers

- Laptop (Windows, Mac Book): Chrome, IE, Firefox

- Ipad : Chrome, Safari

- Iphone, Android: Chrome, Safari

Thanks for reading.

The only challenge is No. 3. You have to be good at D3 to fix.
Employer is an experienced busy web developer so if you are not experienced, please don't apply.
You would only be paid when the job is done.

Beceriler: CSS, HTML, Javascript, Web Sitesi Tasarımı

Daha fazlasını gör: add moving pictures web page, web page refresher software add cart, add wordpress rss web page, d3 pie chart, d3 charts examples, d3 react, d3.js tutorial, d3 v4, d3 tutorial, d3.js examples, d3 documentation, javascript, d3.js, add cart web page, add form web page, web page designer automobile model list search, add calendar web page php, add quicktime player web page, add headlines web page, add stopwatch web page

İşveren Hakkında:
( 1 değerlendirme ) Edison, United States

Proje NO: #17498596

Seçilen:

lovethomas1026

Hello! Thanks for your post. I read your requirement carefully. I have rich experienced in d3. If you give me a chance, I will satisfy you with good result. Please check my profile. I will wait your reply. Thank Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 50%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(22 Değerlendirme)
4.8

Bu iş için 13 freelancer ortalamada $32 teklif veriyor

SumitRoastedWeb

Hi,   Greetings from Roasted Web!   "One of the only ways to get out the tight box is to invent your way out"   I read your project details and I would love to work with you. Services: -Backend Development: PHP Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(13 Değerlendirme)
4.5
sitwebsolution

To The Hiring Manager, Hello Sir, Just read your project details. I have a proposal for you. I am a well-skilled developer and I also have some experienced and skilled develope Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(26 Değerlendirme)
4.9
Developerdeepika

Respected Sir/Mam, I am very well experienced in web designing,graphic design, wordpress, HTML software development. we have 4+ years of experience in it. we will provide you our best work according as per your re Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(15 Değerlendirme)
4.3
Grisha97924

***** Please hire me ***** Hi I carefully reviewed your proposal and url. I can implement your 3requirmenets asap. I have enough experience in data visualize using D3 and DC. I think that D3js Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(9 Değerlendirme)
4.1
ashrana9871

Hello, I am professional designer.I am expert in CSS, HTML, Javascript, Website Design . Ping me any time. Thanks, Ashish.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(10 Değerlendirme)
3.6
ZohaibSajid

I am Front End UI Developer, having expertise in Web 2.0 technologies - HTML5, CSS3, JavaScript, jQuery, Js libraries (D3.js, [login to view URL], [login to view URL] ) and Js frameworks (Angular 4). I have worked with Bootstrap 3 and Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(5 Değerlendirme)
3.6
NadirBouchama

Hello, i'am excellent in HTML/CSS/JS for many years of experience i have already did something similar to your project and i can add your feautres... Can you please provide more information? Here some references of Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(9 Değerlendirme)
3.3
JohnNetworking

I am working as a senior web developer for 3 years. I am sure that you will get good result and never waste time. We will be able to get good result. Thanks a lot. Regards

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(4 Değerlendirme)
2.8
emonidi

I am probably more experienced than you and that is why I apply :) I've got very good experience with d3.js but I am afraid that for the your budget I can only address point number 3 with the chart. I know 100% wher Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(4 Değerlendirme)
2.9
Jyoti37

Hello, I checked your requirement. I am web developer and designer with 5 years of experience. I can complete your requirements as you want. Invite me in chat box for more details. I am available to start work i Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(3 Değerlendirme)
1.2
chumer390

Nothing Relevant Skills and Experience 25 USD

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
technowiz7

"Hi, Hope you are doing well! Thanks for sharing your project requirement with us. It will be our great pleasure to work on your project. I have checked your requirement, yes we can do it, because we already work on si Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0