Completed

d3 web page with auto scroll and text field filter

Need D3 guru to help me build this web page for quick search and visualization of 40 some csv data files.

Screen layout: see attached image

Csv Data format: see attached csv file

-- kw

-- sold_no_bar_length

-- sold_no

-- avg_price_bar_length

-- avg_price

Main functions:

1) A drop down list at left upper corner to display list of csv file names for selection

1.1) The DDL shall allow manual input and filter the list accordingly, case insensitive

1.2) selected csv will be displayed

1.3) list items can be hard coded ( I will expand to include real file name)

2) A text field for filtering displayed records on top, filter is case insensitive

2.1) Upon return, only records with KW contains the input string shall be displayed

3) left column in the middle, kw column from the csv

4) a yAxis to separate kw string and bars displayed on right

5) each bar is colored in 2 part, pink represents sold_no, blue represents avg_price

5.1) pink bar length shall equal sold_no_bar_length column

5.2) blue bar length shall equal avg_price_bar_length column

5.3) display "(xxx, yyyy)" at the beginning of each bar where xxx = sold_no, yyyy = avg_price

6) KW and bar area shall be scrollable

Performance:

1) each csv may contain thousands of records so please make sure the scroll would be smooth and there's no performance with large data file

2) the page shall work on both laptop and mobile

3) support main versions of browsers

Delivery:

A demo is required. I will verify with different platform and browser.

Any question, please pin me.

Habilidades: CSS, HTML, Javascript

Veja mais: flash text auto scroll, change flash dynamic text web page, text updates web page, scrollintoview offset, scrollintoviewifneeded, scroll to element javascript, scrollintoview, react scroll into view, awesome javascript libraries, scroll into view if needed, jquery scrollintoview, page auto scroll, web page flash dynamic text, web page auto vote, web page hide show text click, php web page auto login script, create auto scroll text flash, free flash auto scroll text, auto scroll text flash, auto enter url copy text web page

Acerca do Empregador:
( 0 comentários ) Edison, United States

ID do Projeto: #17460725

Concedido a:

lovethomas1026

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

$25 USD em 1 dia
(18 Comentários)
4.7

6 freelancers estão ofertando em média $26 para esse trabalho

$30 USD em 1 dia
(2 Comentários)
3.2
$15 USD em 1 dia
(6 Comentários)
3.2
shwetankit

Dear Sir, I would like to discuss few thing for better understanding of [login to view URL] share details and ping me for further discussion. Spare a moment on our previous work [login to view URL] http://profeenline Mais

$35 USD em 1 dia
(4 Comentários)
2.8
OmarElQershali

Hello mapyang how many pages you need ? I am an expert Web developer and have the experience to do this project. Please send me the wire frame to review and estimate the time and cost to complete this project. Mais

$25 USD em 1 dia
(0 Comentários)
0.0
ham590f2990b0ee4

UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP UP Mais

$25 USD in 10 dias
(0 Comentários)
0.0