Knowledge

D3.js

Source 📝

1241: 1969: 127: 82: 26: 225:(CSS) standards. It is the successor to the earlier Protovis framework. Its development was noted in 2011, as version 2.0.0 was released in August 2011. With the release of version 4.0.0 in June 2016, D3 was changed from a single library into a collection of smaller, modular libraries that can be used independently. 266:
In 2011, the development of Protovis was stopped to focus on a new project, D3.js. Informed by experiences with Protovis, Bostock, along with Heer and Ogievetsky, developed D3.js to provide a more expressive framework that, at the same time, focuses on web standards and provides improved performance.
411:
The selection can be based on an HTML tag, class, identifier, attribute, or place in the hierarchy. Once elements are selected, one can apply operations to them. This includes getting and setting attributes, display texts, and styles (as in the above example). Elements may also be added and removed.
559:
For more advanced uses, loaded data drives the creation of elements. D3.js loads a given dataset, then, for each of its elements, creates an SVG object with associated properties (shape, colors, values) and behaviors (transitions, events).
233:
There have been various previous attempts to bring data visualization to web browsers. The most notable examples were the Prefuse, Flare, and Protovis toolkits, which can all be considered as direct predecessors of D3.js.
279:. These objects can also be styled using CSS. Large datasets can be bound to SVG objects using D3.js functions to generate text/graphic charts and diagrams. The data can be in various formats such as 263:'s Stanford Visualization Group created Protovis, a JavaScript library to generate SVG graphics from data. The library was known to data visualization practitioners and academics. 1229:
is called on all existing selected nodes that do not have an item in the dataset to bind to them. The D3.js documentation provides several examples of how this works.
2045: 2055: 1947: 420:
By declaring a transition, values for attributes and styles can be smoothly interpolated over a certain time. The following code will make all HTML
2060: 1225:). Likewise, the implicit update function is called on all existing selected nodes for which there is a corresponding item in the dataset, and 1896: 1720: 1696: 1665: 1641: 1349: 2040: 1246: 275:
The D3.js library uses pre-built functions to select elements, create SVG objects, style them, or add transitions, dynamic effects, or
1857: 1823: 1799: 1775: 1751: 1927: 412:
This process of modifying, creating and removing HTML elements can be made dependent on data, which is the basic concept of D3.js.
1882: 1301: 1888: 1809: 299:
The central principle of D3.js design is to enable the programmer to first use a CSS-style selector to select a given set of
2050: 1221:
command will be called for each item in the dataset not already represented by a DOM node in the selection (the previous
244:, and visualizations were rendered within browsers with a Java plug-in. Flare was a similar toolkit from 2007 that used 106: 1933: 72: 2065: 1651: 1486: 241: 214: 284: 222: 1815: 300: 1706: 1849: 1341: 1254: 1422:
Savva, Manolis; Kong, Nicholas; Chhajta, Arti; Li, Feifei; Agrawala, Maneesh; Heer, Jeffrey (2011),
1205:
Once a dataset is bound to a document, use of D3.js typically follows a pattern wherein an explicit
1785: 260: 147: 81: 1919: 1688: 1633: 1737: 1608: 1259: 206: 156: 152: 2005: 1331: 1892: 1853: 1819: 1795: 1771: 1747: 1716: 1692: 1661: 1637: 1600: 1345: 1873: 1791: 1767: 1743: 1712: 1657: 1592: 163: 2009: 1761: 1214: 126: 1968: 1337:
Making Sense of Data III: A Practical Guide to Designing Interactive Data Visualizations
1309: 2035: 2029: 1541: 291:, but, if required, JavaScript functions can be written to read other data formats. 1829: 1627: 934:// joins data to the selection and creates circle elements for each individual data 256: 252: 245: 42: 38: 1612: 1929:
D3 Visualization LiveLessons: An Introduction to Data Visualization in JavaScript
1682: 1335: 1884:
Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript
1629:
Interactive Data Visualization for the Web, An Introduction to Designing with D3
251:
In 2009, based on the experience of developing and utilizing Prefuse and Flare,
210: 168: 1913: 1395: 1279: 1588: 1236: 202: 140: 33: 1915:
D3 and CoffeeScript: A Python Programmer's Introduction to Web Visualizations
1604: 1596: 1424:"ReVision: Automated Classification, Analysisand Redesign of Chart Images" 1423: 307:. For example, one may select all HTML paragraph elements (represented by 303:(DOM) nodes, then use operators to manipulate them in a similar manner to 1867: 1687:, Creating Data-Driven Documents (1st ed.), Sebastopol, California: 1371: 1494: 1811:
Developing a D3.js Edge: Constructing Reusable D3 Components and Charts
1084:// set the circle's vertical position according to life expectancy 288: 276: 237: 1950:
are a declarative visualization specification built on parts of D3.js.
1144:// set the circle's radius according to country's population 304: 1974: 1576: 1197:
Generated SVG graphics are designed according to the provided data.
1681:
Dewar, Mike (June 2012), Steele, Julie; Blanchette, Meghan (eds.),
1575:
Bostock, Michael; Ogievetsky, Vadim; Heer, Jeffrey (October 2011),
240:
was a visualization toolkit created in 2005 that required usage of
25: 1471: 406:// set attribute "x" (horizontal position) to value 50px 218: 1516: 1036:// set the circle's horizontal position according to income 280: 382:// set attribute "class" to value "squares" 1192:// set the circle's color according to country's color 424:
elements on a page gradually change their text color to pink:
1995: 1213:
function is invoked for each item in the bound dataset. Any
358:// set style "color" to value "lavender" 2019: 2013: 1979: 115: 1581:
IEEE Transactions on Visualization and Computer Graphics
982:// set the circle's id according to the country name 311:), and then change their text color, e.g. to lavender: 2002: 1457: 1446: 1330:
Myatt, Glenn J.; Johnson, Wayne P. (September 2011),
179: 1989: 1962: 1653:
Social Data Visualization with HTML5 and JavaScript
174: 162: 146: 136: 105: 71: 49: 32: 1209:function, an implicit "update," and an explicit 248:, and required a Flash plug-in for rendering. 525:// transition easing progression is linear... 8: 1428:ACM User Interface Software & Technology 465:// transition with name "trans_1" 205:library for producing dynamic, interactive 1967: 1889:Addison-Wesley Data & Analytics Series 1736:Newton, Thomas; Villarreal, Oscar (2014), 125: 80: 20: 1948:Vega and Vega-Lite visualisation grammars 16:Javascript library for data visualization 1632:(1st ed.), Sebastopol, California: 483:// transition starting 0ms after trigger 1271: 2046:Free software programmed in JavaScript 1708:Data Visualization with D3.js Cookbook 7: 1247:Free and open-source software portal 1982:, search for blocks by methods used 1458:Bostock, Ogievetsky & Heer 2011 1447:Bostock, Ogievetsky & Heer 2011 421: 308: 1470:Bostock, Mike (February 5, 2012), 14: 2056:JavaScript visualization toolkits 898:// create virtual circle template 877:// Create SVG elements from data 45:, Vadim Ogievetsky, and community 1760:Navarro Castillo, Pablo (2014), 1675:Using D3.js - intermediate level 1239: 447:// select all <p> elements 334:// select all <p> elements 24: 2016:: popular early gallery system. 1985:D3 "reusable chart" libraries: 1926:King, Ritchie (December 2014), 1650:Timms, Simon (September 2013), 2061:Software using the BSD license 1912:Gopal, Nikhil (October 2014), 1: 2022: : main D3js playground. 1787:Data Visualization with d3.js 1705:Qi Zhu, Nick (October 2013), 1711:(1st ed.), Birmingham: 1656:(1st ed.), Birmingham: 1626:Murray, Scott (March 2013), 1620:Using D3.js - beginner level 865:"background-color" 2041:Free data analysis software 1934:Addison-Wesley Professional 1577:"D3: Data-Driven Documents" 2082: 1996:https://plot.ly/javascript 1918:, Sebastopol, California: 1569:Background on D3.js itself 1201:Appending nodes using data 501:// transitioning for 500ms 422:<p>...</p> 309:<p>...</p> 259:, and Vadim Ogievetsky of 1866:Maclean, Malcolm (2014), 1808:Viau, Christophe (2013), 101: 67: 23: 1396:"Release v4.0.0 · d3/d3" 562: 426: 313: 215:Scalable Vector Graphics 1784:Teller, Swizec (2013), 1684:Getting Started with D3 1340:, Hoboken, New Jersey: 772:// Create SVG container 2008:April 7, 2017, at the 1881:King, Ritchie (2014), 1844:Meeks, Elijah (2014), 1739:Learning D3.js Mapping 1542:"Three Little Circles" 1332:"5.10 Further reading" 285:comma-separated values 223:Cascading Style Sheets 88:; 6 months ago 55:; 13 years ago 1597:10.1109/TVCG.2011.185 1487:"A Pen by Lopez Hugo" 1342:John Wiley & Sons 301:Document Object Model 199:Data-Driven Documents 53:18 February 2011 2051:JavaScript libraries 1850:Manning Publications 1832:on September 3, 2014 1302:"For Protovis Users" 1255:JavaScript framework 715:"Tanzania" 549:// ... to color:pink 352:"lavender" 271:Technical principles 1816:Bleeding Edge Press 1473:Thinking with Joins 1306:Mbostock.github.com 871:"#D0D0D0" 589:"Ireland" 459:"trans_1" 376:"squares" 261:Stanford University 207:data visualizations 1869:D3 Tips and Tricks 1546:Mbostock.github.io 1420:Academic example: 1260:JavaScript library 928:"circle" 892:"circle" 844:"height" 652:"Norway" 213:. It makes use of 157:JavaScript library 153:Data visualization 2066:Visualization API 1898:978-0-321-93317-1 1722:978-1-7821-6216-2 1698:978-1-4493-2879-5 1667:978-1-7821-6654-2 1643:978-1-4493-3973-9 1497:on March 22, 2016 1351:978-0-470-53649-0 1312:on August 6, 2012 823:"width" 796:"#hook" 637:"black" 537:"color" 370:"class" 346:"color" 188: 187: 2073: 2020:Observablehq.com 2014:blockbuilder.org 1990:https://c3js.org 1971: 1966: 1965: 1963:Official website 1941:Related Projects 1936: 1922: 1901: 1877: 1862: 1840: 1839: 1837: 1828:, archived from 1804: 1792:Packt Publishing 1780: 1768:Packt Publishing 1756: 1744:Packt Publishing 1725: 1713:Packt Publishing 1701: 1670: 1658:Packt Publishing 1646: 1615: 1557: 1556: 1554: 1552: 1538: 1532: 1531: 1529: 1527: 1513: 1507: 1506: 1504: 1502: 1493:. Archived from 1483: 1477: 1476: 1467: 1461: 1455: 1449: 1444: 1438: 1437: 1436: 1434: 1418: 1412: 1411: 1409: 1407: 1392: 1386: 1385: 1384: 1382: 1368: 1362: 1361: 1360: 1358: 1327: 1321: 1320: 1319: 1317: 1308:, archived from 1298: 1292: 1291: 1289: 1287: 1282:. March 12, 2024 1276: 1249: 1244: 1243: 1242: 1228: 1224: 1220: 1212: 1208: 1193: 1190: 1187: 1184: 1181: 1178: 1175: 1172: 1169: 1166: 1163: 1160: 1157: 1156:"fill" 1154: 1151: 1148: 1145: 1142: 1139: 1136: 1133: 1130: 1127: 1124: 1121: 1118: 1115: 1112: 1109: 1106: 1103: 1100: 1097: 1094: 1091: 1088: 1085: 1082: 1079: 1076: 1073: 1070: 1067: 1064: 1061: 1058: 1055: 1052: 1049: 1046: 1043: 1040: 1037: 1034: 1031: 1028: 1025: 1022: 1019: 1016: 1013: 1010: 1007: 1004: 1001: 998: 995: 992: 989: 986: 983: 980: 977: 974: 971: 968: 965: 962: 959: 956: 953: 950: 947: 944: 941: 938: 935: 932: 929: 926: 923: 920: 917: 914: 911: 908: 905: 902: 899: 896: 893: 890: 887: 884: 881: 878: 875: 872: 869: 866: 863: 860: 857: 854: 851: 848: 845: 842: 839: 836: 833: 830: 827: 824: 821: 818: 815: 812: 809: 806: 803: 800: 797: 794: 791: 788: 785: 782: 779: 776: 773: 770: 767: 764: 763:"grey" 761: 758: 755: 752: 749: 746: 743: 740: 737: 734: 731: 728: 725: 722: 719: 716: 713: 710: 707: 704: 701: 700:"blue" 698: 695: 692: 689: 686: 683: 680: 677: 674: 671: 668: 665: 662: 659: 656: 653: 650: 647: 644: 641: 638: 635: 632: 629: 626: 623: 620: 617: 614: 611: 608: 605: 602: 599: 596: 593: 590: 587: 584: 581: 578: 575: 572: 569: 566: 550: 547: 544: 543:"pink" 541: 538: 535: 532: 529: 526: 523: 520: 517: 514: 511: 508: 505: 502: 499: 496: 493: 490: 487: 484: 481: 478: 475: 472: 469: 466: 463: 460: 457: 454: 451: 448: 445: 442: 439: 436: 433: 430: 423: 407: 404: 401: 398: 395: 392: 389: 386: 383: 380: 377: 374: 371: 368: 365: 362: 359: 356: 353: 350: 347: 344: 341: 338: 335: 332: 329: 326: 323: 320: 317: 310: 184: 181: 129: 124: 121: 119: 117: 96: 94: 89: 85: 84: 63: 61: 56: 41:, Jason Davies, 28: 21: 2081: 2080: 2076: 2075: 2074: 2072: 2071: 2070: 2026: 2025: 2010:Wayback Machine 1961: 1960: 1957: 1943: 1925: 1911: 1899: 1891:, p. 288, 1880: 1865: 1860: 1852:, p. 325, 1846:D3.js in Action 1843: 1835: 1833: 1826: 1818:, p. 268, 1807: 1802: 1794:, p. 194, 1783: 1778: 1770:, p. 352, 1763:Mastering D3.js 1759: 1754: 1746:, p. 126, 1735: 1723: 1704: 1699: 1680: 1668: 1649: 1644: 1625: 1574: 1566: 1564:Further reading 1561: 1560: 1550: 1548: 1540: 1539: 1535: 1525: 1523: 1515: 1514: 1510: 1500: 1498: 1485: 1484: 1480: 1469: 1468: 1464: 1456: 1452: 1445: 1441: 1432: 1430: 1421: 1419: 1415: 1405: 1403: 1402:. June 28, 2016 1394: 1393: 1389: 1380: 1378: 1372:"Release Notes" 1370: 1369: 1365: 1356: 1354: 1352: 1344:, p. A–2, 1329: 1328: 1324: 1315: 1313: 1300: 1299: 1295: 1285: 1283: 1280:"Release 7.9.0" 1278: 1277: 1273: 1268: 1245: 1240: 1238: 1235: 1226: 1222: 1218: 1215:methods chained 1210: 1206: 1203: 1195: 1194: 1191: 1188: 1185: 1182: 1179: 1176: 1173: 1170: 1167: 1164: 1161: 1158: 1155: 1152: 1149: 1146: 1143: 1140: 1137: 1134: 1131: 1128: 1125: 1122: 1119: 1116: 1113: 1110: 1107: 1104: 1101: 1098: 1095: 1092: 1089: 1086: 1083: 1080: 1077: 1074: 1071: 1068: 1065: 1062: 1059: 1056: 1053: 1050: 1047: 1044: 1041: 1038: 1035: 1032: 1029: 1026: 1023: 1020: 1017: 1014: 1011: 1008: 1005: 1002: 999: 996: 993: 990: 987: 984: 981: 978: 975: 972: 969: 966: 963: 960: 957: 954: 951: 948: 945: 942: 939: 936: 933: 930: 927: 924: 921: 918: 915: 912: 909: 906: 903: 900: 897: 894: 891: 888: 885: 882: 879: 876: 873: 870: 867: 864: 861: 858: 855: 852: 849: 846: 843: 840: 837: 834: 831: 828: 825: 822: 819: 816: 813: 810: 808:"svg" 807: 804: 801: 798: 795: 792: 789: 786: 783: 780: 777: 774: 771: 768: 765: 762: 759: 756: 753: 750: 747: 744: 741: 738: 735: 732: 729: 726: 723: 720: 717: 714: 711: 708: 705: 702: 699: 696: 693: 690: 687: 684: 681: 678: 675: 672: 669: 666: 663: 660: 657: 654: 651: 648: 645: 642: 639: 636: 633: 630: 627: 624: 621: 618: 615: 612: 609: 606: 603: 600: 597: 594: 591: 588: 585: 582: 579: 576: 573: 570: 567: 564: 557: 552: 551: 548: 545: 542: 539: 536: 533: 530: 527: 524: 521: 518: 515: 512: 509: 506: 503: 500: 497: 494: 491: 488: 485: 482: 479: 476: 473: 470: 467: 464: 461: 458: 455: 452: 449: 446: 443: 440: 437: 434: 431: 428: 418: 409: 408: 405: 402: 399: 396: 393: 390: 387: 384: 381: 378: 375: 372: 369: 366: 363: 360: 357: 354: 351: 348: 345: 342: 339: 336: 333: 330: 327: 324: 321: 318: 315: 297: 273: 231: 193:(also known as 178: 132: 114: 97: 92: 90: 87: 86:/ 12 March 2024 79: 59: 57: 54: 50:Initial release 17: 12: 11: 5: 2079: 2077: 2069: 2068: 2063: 2058: 2053: 2048: 2043: 2038: 2028: 2027: 2024: 2023: 2017: 2000: 1999: 1998: 1992: 1983: 1977: 1972: 1956: 1955:External links 1953: 1952: 1951: 1942: 1939: 1938: 1937: 1923: 1920:O’Reilly Media 1908: 1907: 1903: 1902: 1897: 1878: 1863: 1858: 1841: 1824: 1805: 1800: 1790:, Birmingham: 1781: 1776: 1766:, Birmingham: 1757: 1752: 1742:, Birmingham: 1732: 1731: 1727: 1726: 1721: 1702: 1697: 1689:O’Reilly Media 1677: 1676: 1672: 1671: 1666: 1647: 1642: 1634:O’Reilly Media 1622: 1621: 1617: 1616: 1571: 1570: 1565: 1562: 1559: 1558: 1533: 1508: 1478: 1462: 1450: 1439: 1413: 1387: 1363: 1350: 1322: 1293: 1270: 1269: 1267: 1264: 1263: 1262: 1257: 1251: 1250: 1234: 1231: 1202: 1199: 1048:"cy" 994:"cx" 946:"id" 563: 556: 553: 427: 417: 414: 314: 296: 293: 272: 269: 230: 227: 186: 185: 176: 172: 171: 166: 160: 159: 150: 144: 143: 138: 134: 133: 131: 130: 111: 109: 103: 102: 99: 98: 77: 75: 73:Stable release 69: 68: 65: 64: 51: 47: 46: 36: 30: 29: 15: 13: 10: 9: 6: 4: 3: 2: 2078: 2067: 2064: 2062: 2059: 2057: 2054: 2052: 2049: 2047: 2044: 2042: 2039: 2037: 2034: 2033: 2031: 2021: 2018: 2015: 2011: 2007: 2004: 2001: 1997: 1993: 1991: 1987: 1986: 1984: 1981: 1978: 1976: 1975:D3.js Gallery 1973: 1970: 1964: 1959: 1958: 1954: 1949: 1945: 1944: 1940: 1935: 1931: 1930: 1924: 1921: 1917: 1916: 1910: 1909: 1905: 1904: 1900: 1894: 1890: 1886: 1885: 1879: 1876:, p. 580 1875: 1871: 1870: 1864: 1861: 1859:9781617292118 1855: 1851: 1847: 1842: 1831: 1827: 1825:9781939902023 1821: 1817: 1813: 1812: 1806: 1803: 1801:9781782160007 1797: 1793: 1789: 1788: 1782: 1779: 1777:9781783286270 1773: 1769: 1765: 1764: 1758: 1755: 1753:9781783985609 1749: 1745: 1741: 1740: 1734: 1733: 1729: 1728: 1724: 1718: 1714: 1710: 1709: 1703: 1700: 1694: 1690: 1686: 1685: 1679: 1678: 1674: 1673: 1669: 1663: 1659: 1655: 1654: 1648: 1645: 1639: 1635: 1631: 1630: 1624: 1623: 1619: 1618: 1614: 1610: 1606: 1602: 1598: 1594: 1591:: 2301–2309, 1590: 1586: 1582: 1578: 1573: 1572: 1568: 1567: 1563: 1547: 1543: 1537: 1534: 1522: 1518: 1517:"Edit fiddle" 1512: 1509: 1496: 1492: 1488: 1482: 1479: 1475: 1474: 1466: 1463: 1459: 1454: 1451: 1448: 1443: 1440: 1429: 1425: 1417: 1414: 1401: 1397: 1391: 1388: 1377: 1373: 1367: 1364: 1353: 1347: 1343: 1339: 1338: 1333: 1326: 1323: 1311: 1307: 1303: 1297: 1294: 1281: 1275: 1272: 1265: 1261: 1258: 1256: 1253: 1252: 1248: 1237: 1232: 1230: 1216: 1200: 1198: 1096:"r" 910:countriesData 571:countriesData 561: 554: 441:"p" 425: 415: 413: 394:"x" 328:"p" 312: 306: 302: 294: 292: 290: 286: 282: 278: 270: 268: 264: 262: 258: 254: 249: 247: 243: 239: 235: 228: 226: 224: 220: 216: 212: 208: 204: 200: 196: 192: 183: 177: 173: 170: 167: 165: 161: 158: 154: 151: 149: 145: 142: 139: 135: 128: 123: 113: 112: 110: 108: 104: 100: 93:12 March 2024 83: 76: 74: 70: 66: 52: 48: 44: 40: 37: 35: 31: 27: 22: 19: 1980:Blocksplorer 1928: 1914: 1883: 1868: 1845: 1834:, retrieved 1830:the original 1810: 1786: 1762: 1738: 1707: 1683: 1652: 1628: 1584: 1580: 1549:. Retrieved 1545: 1536: 1524:. Retrieved 1521:JSFiddle.net 1520: 1511: 1499:. Retrieved 1495:the original 1490: 1481: 1472: 1465: 1453: 1442: 1431:, retrieved 1427: 1416: 1406:December 27, 1404:. Retrieved 1399: 1390: 1379:, retrieved 1375: 1366: 1355:, retrieved 1336: 1325: 1314:, retrieved 1310:the original 1305: 1296: 1284:. Retrieved 1274: 1204: 1196: 916:// bind data 558: 555:Data-binding 419: 410: 298: 274: 265: 257:Mike Bostock 253:Jeffrey Heer 250: 246:ActionScript 236: 232: 211:web browsers 198: 197:, short for 194: 190: 189: 43:Jeffrey Heer 39:Mike Bostock 34:Developer(s) 18: 1433:January 23, 1357:January 23, 1223:selectAll() 416:Transitions 2030:Categories 2003:bl.ock.org 1836:August 27, 1589:IEEE Press 1491:Codepen.io 1381:August 22, 1316:August 18, 1266:References 1217:after the 519:easeLinear 453:transition 295:Selections 203:JavaScript 141:JavaScript 137:Written in 107:Repository 60:2011-02-18 1551:August 1, 1526:August 1, 1501:August 1, 1460:, chap. 3 1286:March 22, 886:selectAll 435:selectAll 322:selectAll 287:(CSV) or 2006:Archived 1605:22034350 1233:See also 1219:.enter() 1207:.enter() 1162:function 1102:function 1054:function 1000:function 952:function 489:duration 277:tooltips 1994:Plotly 1874:Leanpub 1227:.exit() 1211:.exit() 565:// Data 289:geoJSON 238:Prefuse 229:Context 217:(SVG), 201:) is a 175:Website 164:License 91: ( 58: ( 1906:Videos 1895:  1856:  1822:  1798:  1774:  1750:  1730:Others 1719:  1695:  1664:  1640:  1613:505461 1611:  1603:  1587:(12), 1400:GitHub 1348:  1177:return 1117:return 1069:return 1024:income 1015:return 967:return 802:append 790:select 721:income 658:income 595:income 305:jQuery 221:, and 116:github 2036:D3.js 1609:S2CID 1376:D3.js 1186:color 859:style 757:color 727:27000 694:color 664:73000 631:color 601:53000 531:style 471:delay 340:style 219:HTML5 191:D3.js 78:7.9.0 2012:and 1946:The 1893:ISBN 1854:ISBN 1838:2014 1820:ISBN 1796:ISBN 1772:ISBN 1748:ISBN 1717:ISBN 1693:ISBN 1662:ISBN 1638:ISBN 1601:PMID 1553:2016 1528:2016 1503:2016 1435:2013 1408:2021 1383:2012 1359:2013 1346:ISBN 1318:2012 1288:2024 1150:attr 1132:1000 1090:attr 1078:life 1042:attr 1030:1000 988:attr 976:name 940:attr 922:join 904:data 838:attr 817:attr 751:3407 733:life 709:name 688:5084 670:life 646:name 625:6378 607:life 583:name 507:ease 388:attr 364:attr 281:JSON 242:Java 182:.org 180:d3js 148:Type 118:.com 1988:C3 1593:doi 1189:}); 1126:pop 880:svg 850:120 829:120 778:svg 775:var 745:pop 682:pop 619:pop 568:var 495:500 209:in 169:BSD 122:/d3 120:/d3 2032:: 1932:, 1887:, 1872:, 1848:, 1814:, 1715:, 1691:, 1660:, 1636:, 1607:, 1599:, 1585:17 1583:, 1579:, 1544:. 1519:. 1489:. 1426:, 1398:. 1374:, 1334:, 1304:, 1141:}) 1081:}) 1033:}) 979:}) 874:); 799:). 784:d3 769:]; 739:50 703:}, 676:87 640:}, 613:78 546:); 513:d3 429:d3 403:); 400:50 316:d3 283:, 255:, 195:D3 155:, 1595:: 1555:. 1530:. 1505:. 1410:. 1290:. 1183:. 1180:d 1174:{ 1171:) 1168:d 1165:( 1159:, 1153:( 1147:. 1138:2 1135:* 1129:/ 1123:. 1120:d 1114:{ 1111:) 1108:d 1105:( 1099:, 1093:( 1087:. 1075:. 1072:d 1066:{ 1063:) 1060:d 1057:( 1051:, 1045:( 1039:. 1027:/ 1021:. 1018:d 1012:{ 1009:) 1006:d 1003:( 997:, 991:( 985:. 973:. 970:d 964:{ 961:) 958:d 955:( 949:, 943:( 937:. 931:) 925:( 919:. 913:) 907:( 901:. 895:) 889:( 883:. 868:, 862:( 856:. 853:) 847:, 841:( 835:. 832:) 826:, 820:( 814:. 811:) 805:( 793:( 787:. 781:= 766:} 760:: 754:, 748:: 742:, 736:: 730:, 724:: 718:, 712:: 706:{ 697:: 691:, 685:: 679:, 673:: 667:, 661:: 655:, 649:: 643:{ 634:: 628:, 622:: 616:, 610:: 604:, 598:: 592:, 586:: 580:{ 577:[ 574:= 540:, 534:( 528:. 522:) 516:. 510:( 504:. 498:) 492:( 486:. 480:) 477:0 474:( 468:. 462:) 456:( 450:. 444:) 438:( 432:. 397:, 391:( 385:. 379:) 373:, 367:( 361:. 355:) 349:, 343:( 337:. 331:) 325:( 319:. 95:) 62:)

Index


Developer(s)
Mike Bostock
Jeffrey Heer
Stable release
Edit this on Wikidata
Repository
github.com/d3/d3
Edit this at Wikidata
JavaScript
Type
Data visualization
JavaScript library
License
BSD
d3js.org
JavaScript
data visualizations
web browsers
Scalable Vector Graphics
HTML5
Cascading Style Sheets
Prefuse
Java
ActionScript
Jeffrey Heer
Mike Bostock
Stanford University
tooltips
JSON

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.