A Pen by Trung Nguyen on CodePen.
Trung Nguyen ngminhtrung
ngminhtrung
/ fcc-tribute-page-to-van-cao.markdown
Created
August 8, 2017 23:21
FCC Tribute page to Van Cao
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
ngminhtrung
/ .block
Last active
January 2, 2018 10:14
Vietnam 2015 - Unemployment Rates of Different Regions
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
Original version written in D3 v3: http://bl.ocks.org/bollwyvl/871b7c781b92fd0044f5
This version is simply upgraded to D3 v4 for educational purpose.
2017.04.23 - Hanoi, Vietnam
Replicated from Empty Pipes - Panning and Zooming with D3v4
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| height: 800 | |
| scrolling: yes | |
| border: yes |
Original block:
- Mike Bostock’s Block 1095795 ← 1095727
- Updated March 16, 2018
- Modifying a Force Layout
Ví dụ này minh họa cách để thêm/ bớt các nodes/ links trong một layout force-directed.
- Đầu tiên màn hình chỉ hiện 3 điểm A, B và C.
- Sau 5 giây, 3 điểm trên được nối lại với nhau.
- Tiếp sau đó, điểm C bị xóa đi cùng với đường nối A-C, và B-C.
- Tiếp sau đó, điểm C được thêm vào lại trong nhóm, đường nối A-C và B-C được khôi phục.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: gpl-3.0 |
ngminhtrung
/ d3-v4-adjustable-link-strength.md
Last active
May 8, 2018 08:30
Adjustable Link Strength for Force Layout based on data of Miserables
Hello
Original block: http://bl.ocks.org/alansmithy/e984477a741bc56db5a5
This is a simple example of enter/update/exit in d3js.
2 arrays - of differing length - are used to generate alternating sequences of bubbles.
.enter() creates the initial join of data to elements, creating one circle element for every data element in the array.
After the button is clicked, the alternative array is rejoined to the graphical elements.
OlderNewer