D3 Brush Implementation

În desfăşurare Postat la acum 5 ani S-au achitat serviciile după ce au fost prestate
În desfăşurare S-au achitat serviciile după ce au fost prestate

You will create two scatterplots, in the SVGs scatter1 and scatter2 by writing the createScatter function.

Add the following interactions:

1. Selected nodes should be drawn in both plots as yellow circles of radius 8 with a black border ( ex 100% Bran circle is hovered in scatter 1 then in scatter 2 also same 100% Bran circle should be highlighted)

When the mouse cursor is hovering over a circle, it should be considered selected.

2. Add a rectangular brush. All points in the last brushed area (within the grey box of the last scatterplot you brushed) should be considered selected. (Points in scatter 1 should match with the corresponding same points in scatter 2 )

3. Clicking on a circle causes all data regarding that item to be printed below the scatterplots (in the div details). Within that div, append a div for each row of class rowdetail and display the property name and value. The item corresponding to the detail view should be drawn as a red circle in both plots with radius 8 and a black border.

Clicking on a red circle should cause the text details to disappear.

Have to use D3 enter, exit and update model.

The finished visualization should look as in the video attached.

CSS Dthreejs HTML5 JavaScript

ID Proiect: #17995397

Detalii despre proiect

2 propuneri Proiect la distanță Activ acum 5 ani

Acordat lui:

visionsoft354

Dear Prospect Hiring Manager. Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned "I can do Mai multe

%selectedBids___i_sum_sub_7%%project_currencyDetails_sign_sub_8% USD în 7 zile
(0 Recenzii)
0.0

2 freelanceri plasează o ofertă medie de 29$ pentru proiect

vandanavishwaka9

Hi, I have similar experience in this technology. i love to complete this task on schedule and on time. please share me requirement specifications details. Thank you

$30 USD în 4 zile
(6 recenzii)
2.2