Gone are the days when we used creative HTML table tricks to show a bar chart or resorted to saving static images from Excel. In this talk, we will cover the modern data visualization landscape and take a peek into the future.

1. Alan Mendelevich
The Future of Data Visualization on the Web
Frontend track

2. The Future of Data
Visualization on the Web
Alan Mendelevich
@ailon

3. 288 266.3192 415.5952 831.5175 41.84058 612.0781 106.4375 309.3851 122.2183 204.8068 328.2201 715.7977 131.786 664.2577 705.2272 133.744 542.2779 841.771 312.1868 225.8638 752.8785 111.8268 826.2383 762.2983 682.419 730.7879 42.88253 929.0072 34.20108 880.8602 860.6809 482.885 567.3863 61.57244 324.2732 326.9295 270.5896 667.5818 476.3549 209.0135 216.6281 111.1628 720.2258 734.659
979 288.813 531.4995 554.8058 392.9968 162.1247 797.3387 112.041 489.6677 825.9234 198.3172 90.12648 64.87553 159.9912 155.0893 397.729 101.0633 239.2418 52.29412 943.8627 352.4117 804.0549 23.81496 722.1712 933.3413 173.3049 617.7963 744.5363 153.1098 339.0332 60.89557 484.5793 509.5858 676.3571 981.0117 560.388 158.7763 726.2379 314.1883 368.6747 1.53231 243.8488 192.2975 867.223
917 669.25 70.52216 812.6059 156.1122 457.5806 953.1703 647.1648 168.7984 7.737013 80.05449 574.0995 244.2548 431.2829 616.0327 787.8806 386.8112 97.2137 683.3851 320.1893 616.8852 571.9254 471.6722 618.9511 602.2348 501.2097 605.1353 809.6132 734.7113 640.7678 26.0128 860.5963 460.0908 348.6476 654.3381 301.6555 155.1971 114.7644 197.0135 696.4799 542.9297 58.32486 178.5512 240.074
776 509.4371 435.587 914.6856 546.7904 68.53945 539.6046 212.0043 354.4873 448.3493 595.4958 487.0753 497.4212 371.9652 489.5718 369.3045 82.31179 38.63824 801.9234 944.1296 648.7776 145.1877 590.4021 582.7894 754.1971 149.5557 526.2496 618.5554 221.4406 189.3886 587.0318 534.1134 843.5728 423.4557 469.2713 297.6904 638.6272 47.18476 504.5719 234.5069 88.61389 856.5309 815.0506 922.759
093 874.92 971.5942 723.8226 699.8269 238.9687 466.2746 349.8833 494.0558 378.161 864.122 146.9185 826.5266 144.0683 346.7406 822.1586 79.48108 575.6224 973.6123 676.2023 570.3495 511.1469 958.6007 633.6405 447.7468 474.1246 389.5295 798.1051 292.6216 233.3493 946.4557 661.4417 383.9439 832.4862 661.6902 347.6469 529.0741 23.96632 115.7879 479.7424 132.0832 10.06366 44.06082 988.996
984 593.0509 773.2294 502.1953 757.9003 323.2042 894.9641 508.1085 130.0694 95.71072 45.90692 785.8008 489.8022 63.96633 258.437 661.4936 974.3429 463.0501 268.9753 948.2151 487.043 73.23587 688.363 506.9404 91.35109 688.0435 398.9041 28.93446 314.0321 97.6353 433.8322 89.65126 713.3753 533.3858 75.26066 473.7361 694.7384 120.1251 264.1282 627.3968 978.9337 368.279 74.56435 528.670
437 137.2922 973.0695 113.5092 817.3322 512.1979 30.193 218.0399 557.8795 715.0192 780.7584 6.885938 94.10919 143.4492 178.7549 522.5651 218.6272 160.2137 940.0346 223.3812 43.61527 647.646 556.0451 973.782 539.3367 967.1596 711.9918 212.4564 852.4778 25.3247 885.8507 905.6758 260.0483 569.7742 329.0366 749.8444 920.4238 519.0314 159.9942 219.3014 537.7644 329.0474 529.4514 86.7931
477 728.8953 438.0096 195.016 833.2921 262.4414 967.7872 719.3641 115.3537 64.76665 981.0161 518.2946 461.6312 244.8404 799.8832 317.811 75.91107 64.58476 933.1172 187.4949 47.28908 821.4758 927.3685 235.1665 756.1038 404.1091 110.3066 340.216 407.3124 542.3226 228.9251 433.4923 126.7138 784.3196 411.9433 111.9752 964.9767 957.9408 703.382 3.031653 800.5891 734.2179 100.3009 713.297
426 113.9582 341.4733 893.289 522.6925 485.7661 204.8384 509.0485 876.3645 66.03703 514.467 178.4916 525.5552 884.1139 895.3471 517.7559 27.75006 662.7598 158.9357 209.3927 253.0876 502.5808 63.31816 53.83533 61.36763 52.42809 745.5927 12.30952 11.37984 375.6019 57.50096 846.9966 332.7193 418.2602 234.3433 226.6033 67.86556 167.6615 371.4933 452.6385 116.6432 689.6617 847.5032 170.21
692 470.5802 770.6447 871.3484 968.7862 542.4234 435.2271 112.4928 551.041 642.0522 810.0124 910.8823 96.40964 691.5466 854.7158 875.9419 523.9827 235.7189 166.8031 823.9242 688.0708 402.1245 145.1495 148.1491 852.5265 412.3488 623.9228 67.92559 620.4401 113.5654 651.9322 101.7379 980.2834 682.3382 253.7967 462.2902 716.464 798.3047 999.0543 486.2045 872.5206 690.3174 40.60293 849.416
527 65.82343 164.7487 433.3048 607.9311 837.9774 44.63204 313.8932 253.9803 924.1235 822.8189 703.3832 389.1914 511.6332 880.3636 761.7887 21.08748 643.5407 144.5653 21.38642 567.9251 892.9458 935.0257 6.212825 620.9227 404.9009 632.717 499.4514 799.749 102.1414 724.7899 672.4168 211.5895 879.909 30.36559 848.4849 671.3747 260.6942 852.1125 732.9081 245.9844 110.7804 12.38868 282.740
758 427.8441 956.7501 553.1068 759.9285 145.231 318.9656 525.9604 92.33718 517.869 34.53835 641.1281 546.8381 511.0478 818.2602 339.1369 352.4022 476.0623 736.5422 888.8318 365.1761 363.2432 252.0972 691.2187 518.0996 817.8284 590.7903 823.4098 162.3848 105.7228 149.5315 739.0397 724.4883 880.4769 83.09947 104.8161 445.9626 385.3189 468.7062 701.2736 848.4674 187.1541 221.0233 837.59
632 224.8078 727.5668 202.1355 92.2199 173.7529 252.4323 700.1051 406.6126 906.3997 581.2576 555.0565 603.9369 410.9599 376.3914 534.2256 284.7251 170.9145 361.4057 133.4621 629.2414 829.9871 564.8274 992.8531 540.1452 987.4804 755.2685 65.31251 718.6223 573.6659 854.0792 430.1251 870.972 612.9168 548.2723 875.1074 368.716 360.1957 843.5758 40.58155 440.388 854.2176 649.1115 407.280
754 323.2867 0.72426 205.4944 144.1547 148.9416 143.8234 980.5321 468.4688 382.3518 746.5029 541.0845 179.473 452.9227 403.9318 289.7566 327.696 569.8712 414.9039 357.7798 859.5889 282.2597 714.406 614.1918 248.5554 874.7139 115.4784 500.7636 945.5319 777.1864 185.329 537.8098 259.982 995.6791 985.5373 68.06486 601.0538 591.8662 336.7013 830.2143 957.7988 559.5165 457.7464 225.121
102 12.41652 239.5159 614.9539 383.4191 295.92 199.7459 973.5288 327.4503 179.2089 381.8717 86.60966 806.3532 369.9418 752.1709 810.3991 145.0542 974.7319 237.8518 976.1099 144.1476 978.5121 906.2376 910.7543 520.1199 201.9614 58.4732 439.4654 276.5897 446.6812 786.8204 777.5283 671.3587 369.5274 368.7853 98.33237 313.7959 540.3449 373.6736 803.4211 938.0799 700.2706 321.7519 861.135
251 649.1465 647.3278 868.4409 679.6629 916.1615 758.7039 103.8222 847.7406 52.5303 759.7911 134.4171 88.57738 799.6145 313.1474 211.0887 207.6071 610.5919 464.8485 214.411 835.6782 161.5889 371.2645 421.364 208.4754 691.7466 168.6382 459.9896 481.4344 287.7001 408.3126 603.4266 700.3447 954.9359 288.1091 650.6067 571.097 958.5508 666.4989 592.4788 55.99531 400.8571 595.0444 53.6287
023 49.85272 289.0726 515.233 679.5456 411.4535 301.8108 852.5458 395.896 777.6673 832.2374 625.8353 797.2986 901.0225 552.4714 439.1805 402.8824 862.3661 152.7481 203.6938 822.5753 194.4502 396.5361 852.3031 334.3874 89.15564 177.9832 835.8004 460.1428 514.8455 147.0104 72.01266 417.798 163.9765 212.3911 891.6403 379.1389 555.2171 306.0848 265.0398 268.0539 973.2794 182.8406 952.902
219 808.222 540.3006 319.2447 722.3831 428.9136 217.1101 736.3705 481.0303 900.6578 446.5134 878.265 844.4618 668.7027 208.6774 576.7025 88.60727 277.6404 721.964 863.2684 305.5623 495.0353 533.2565 952.932 811.6981 391.1264 601.6409 326.311 235.9929 778.9495 853.4721 867.8267 349.9205 868.1539 163.4543 324.4099 376.2956 139.5346 430.7226 470.9391 588.5381 210.4175 208.1391 148.747
055 709.5387 255.7802 163.2977 10.8075 561.7639 399.7058 254.5727 71.05583 426.5492 949.7057 230.7501 908.7707 86.00394 19.70077 372.6862 206.2637 778.9115 942.2766 216.9637 380.9097 853.9936 320.0043 101.2123 160.3186 166.8366 125.2888 369.136 667.4775 179.4347 397.8889 32.49882 139.0187 598.0557 768.256 588.247 144.1113 289.7102 625.5601 659.1754 662.2959 253.2561 10.15206 749.137
874 437.6894 750.7768 74.54213 366.717 825.0046 634.061 434.4822 29.85222 381.596 526.4648 2.735197 146.4192 831.9316 46.79293 768.8586 668.3479 979.657 316.8977 860.1457 109.9723 976.2042 415.3028 225.9791 170.8651 235.1709 467.5312 549.5588 908.2861 639.3557 248.7017 930.0378 339.204 104.7992 392.6064 100.8134 648.1322 34.7423 920.578 190.0465 686.9866 129.3272 737.885 47.5073
733 730.5623 82.57369 987.9473 427.6494 804.8851 734.3716 704.7453 636.9386 79.78378 105.5155 424.0629 338.4618 132.3865 538.9271 767.1032 396.53 813.9679 67.02288 798.1189 779.5305 747.5892 207.8139 617.012 961.6511 581.4809 475.2083 68.87456 470.261 3.392964 947.6319 266.2656 206.5336 537.7108 290.6203 310.3908 224.7902 862.4612 217.0635 770.9131 877.4091 910.6624 169.4992 288.330
736 860.9467 732.1137 114.6766 683.5467 147.6923 591.7005 584.1754 777.1741 278.1921 318.2179 74.84153 884.1721 5.057282 447.082 373.3538 16.96272 609.034 474.18 930.0411 645.5225 848.2848 406.1295 681.5937 372.7753 802.7787 923.5988 979.6826 783.4397 864.7638 328.1643 688.4676 780.5703 272.3073 193.3294 205.9903 302.0183 865.3214 985.0515 425.829 484.192 356.7051 110.488 525.396
443 526.7162 860.1004 880.221 717.8152 648.3598 324.0759 944.9168 501.8167 901.5434 977.186 947.6791 374.1312 291.7306 567.194 154.195 233.0109 646.7033 717.375 549.9321 591.7792 642.2408 370.5244 881.3856 749.9371 667.8042 832.4266 915.4022 761.2637 302.4123 400.88 565.5701 644.4531 350.3768 165.9531 906.1803 6.052711 144.2957 933.4609 929.4006 890.5833 478.1185 889.0442 827.261
526 950.0901 219.2125 442.1173 454.7454 465.8525 877.3474 599.1436 733.5398 23.21575 757.0509 873.4231 691.6787 907.8418 778.8015 743.4737 632.0989 968.608 107.4665 34.72093 511.4794 438.0769 424.8033 654.0133 804.9037 9.753266 825.0332 328.7213 987.099 988.9635 385.0574 663.7503 540.1195 679.9947 585.2706 855.5078 983.81 300.6235 950.2545 178.5525 239.3308 618.9263 847.477 399.537
295 817.3138 922.6298 542.9968 851.3502 231.2762 331.957 73.67038 840.5812 768.3563 684.2695 765.7875 107.5677 963.4877 605.2849 980.8894 947.9897 139.2175 984.225 762.4909 818.5894 281.4749 479.3296 9.962525 571.0746 647.987 882.8046 492.7264 985.3429 213.4227 511.7401 76.169 748.5486 490.1279 884.5533 170.4756 651.8123 862.4926 804.0839 890.956 432.25 529.7393 355.1037 224.064
198 915.4745 85.18901 743.5294 300.7427 267.7081 458.299 288.1267 455.8677 293.1355 613.688 266.3615 442.852 115.8561 333.7951 954.4411 553.7304 93.84033 132.3098 965.5504 964.4896 675.9748 768.7946 149.2322 207.9687 928.9195 576.3235 768.9152 921.0475 978.9517 852.3589 878.4512 300.169 590.9213 213.4362 388.7098 477.619 31.92402 678.9384 948.1068 489.7071 792.2465 299.4153 51.4793
633 711.5273 471.3732 43.15155 211.2435 606.5527 351.9998 337.3335 367.0903 873.1577 660.3798 577.8596 81.42243 324.9153 356.1902 86.99804 167.4864 575.5553 812.4944 174.5861 324.606 216.0733 233.5802 398.9335 227.5948 368.463 916.0226 471.3821 220.6592 892.7024 927.3076 222.3708 763.4174 786.6459 692.9151 908.4099 625.2132 41.57739 303.5913 941.4096 670.5304 611.1215 44.37544 114.889
677 19.16147 477.8516 904.7717 539.1657 509.1681 353.9964 178.5221 343.7559 28.07222 525.4521 903.7759 646.3668 165.1964 0.931534 962.0581 42.89283 520.0357 447.5261 896.8384 63.86829 690.9191 430.4041 897.2167 739.11 919.6367 666.417 601.3221 536.2692 854.8479 505.563 200.0432 438.6182 175.1088 178.4144 689.4025 495.2124 550.3745 398.7873 979.8458 203.1389 612.7855 733.4077 8.42697
025 116.5508 802.5714 981.9447 736.5275 729.6459 430.9209 324.5043 463.8842 773.4712 262.4982 447.1652 378.1197 512.4675 706.6623 139.6195 180.6371 129.3247 730.7665 946.1363 223.7445 560.5933 591.6089 587.2685 791.3108 196.5544 184.0343 486.6959 849.6982 992.2159 546.8662 498.7761 906.4594 915.2766 525.6322 674.4537 93.00033 215.2178 917.3126 727.2111 38.63813 444.3645 764.3763 65.3440
311 996.5711 138.3017 323.6926 821.3159 449.1457 14.69395 773.1232 291.3913 854.7734 37.92127 266.0578 231.78 349.9288 472.8962 947.592 493.7999 549.5755 578.0066 352.6253 910.1714 613.6942 488.5045 54.35497 135.2563 704.4401 547.9094 564.4047 940.9976 250.198 310.1307 845.6902 453.0962 557.626 690.2167 536.0482 151.1742 342.8741 993.9278 384.0861 243.3515 821.336 906.0324 347.07
419 505.3938 99.78908 305.1751 312.0443 577.5035 356.4308 645.2452 45.59252 196.6524 408.6567 419.6519 966.2373 184.9713 118.9035 201.9683 89.65167 812.6291 727.7294 358.1272 132.512 435.9587 212.5774 627.3915 387.4805 921.0552 342.9906 563.3555 23.40107 838.0186 487.5132 402.9056 159.59 167.9439 769.3023 736.6448 286.8612 694.7092 375.5266 16.86995 156.066 779.0267 708.7341 408.590
689 541.8804 56.1048 916.2262 75.43129 630.738 923.5564 974.6963 647.7755 327.5292 261.0948 84.41486 764.8793 359.96 959.9736 362.7311 667.4634 892.3993 236.7463 153.241 526.5093 912.7814 495.3299 906.3834 104.8386 924.1844 311.1973 674.0637 451.058 207.5435 777.0928 922.7491 412.877 729.0021 689.3205 736.2621 181.5104 305.3462 876.307 124.8253 293.6443 548.0697 45.40911 363.070
048 825.2847 224.0034 474.803 484.3573 948.0914 314.493 768.4199 537.2102 697.7044 205.4946 796.0481 53.78696 348.2707 516.4358 817.977 559.8848 650.6274 815.2615 722.7272 904.9369 312.0334 115.8068 63.03947 491.6488 858.3261 932.122 877.3124 707.3601 243.0385 301.6658 841.5301 920.1076 816.8319 50.00539 161.2033 992.6393 334.0538 193.9882 670.7273 218.4865 767.9177 577.7767 517.810
556 93.15201 564.6866 72.02841 871.883 675.3964 266.1776 483.7554 235.4309 566.8135 392.3207 167.1573 45.07388 373.9712 665.8603 163.3425 845.5299 86.02556 444.4759 202.3218 825.6871 132.5427 942.3849 722.1356 315.218 519.9651 870.1848 441.5567 794.0457 124.1703 827.5993 821.785 702.802 268.6544 426.6039 410.8127 785.3382 837.9535 362.8971 440.9375 131.4455 970.9136 353.9042 593.537
581 351.4132 213.1512 198.4234 837.2188 804.0729 158.9928 808.9906 204.7731 132.5155 930.7584 516.9318 228.8276 588.8938 709.5206 345.556 184.2064 535.3527 6.410909 146.7728 30.74017 486.6826 690.4617 966.8657 370.6128 563.3509 342.9198 965.1072 436.3676 988.1967 475.7568 821.2526 16.3621 354.1787 161.545 362.6846 615.6742 440.167 49.09443 360.546 903.3826 188.0795 451.62 569.640
355 478.1558 7.471808 917.4929 976.7558 545.7682 646.1735 457.2066 906.6701 716.3162 59.20378 645.4212 504.51 509.5968 194.8766 153.9023 444.2542 913.9614 482.8136 122.4494 447.6807 950.4261 324.8049 895.9589 985.8438 124.1709 712.3616 179.597 189.2262 85.60525 135.3173 910.8981 735.4265 356.4644 970.4812 137.0863 622.598 482.5116 577.5611 781.7091 609.3055 354.8229 867.5017 471.148
377 376.3898 810.2112 546.7741 820.0359 645.5418 621.1525 37.71963 374.8369 901.2659 549.5334 222.5924 973.4702 760.4785 326.4882 980.4514 282.8275 111.0586 256.3678 653.4868 310.4885 206.022 993.9091 570.5788 437.6444 59.49973 165.5899 609.3146 314.5338 458.0152 826.6607 563.6741 307.9381 141.7696 187.1387 526.6707 891.6106 182.8513 205.2892 68.97077 175.9793 325.2404 200.7724 786.080
918 57.74109 144.802 25.15744 345.8209 883.045 36.71621 4.024086 617.0459 322.0046 657.2562 384.1254 296.7445 585.4062 11.40641 286.7944 116.6748 849.9251 491.4983 373.4273 584.4793 516.7944 830.8727 588.7734 160.5307 846.1139 427.5883 709.4326 915.4406 394.5623 453.158 868.4571 995.6404 744.5376 922.89 150.6468 97.97582 768.1806 641.8916 628.1626 45.38478 280.3472 393.6495 362.223
483 543.8633 22.45015 763.3115 765.7325 260.7107 902.6565 192.7458 149.7804 260.038 864.8979 791.699 717.9605 259.1696 249.1176 677.5097 523.6723 557.3453 517.6259 482.6243 390.946 820.0712 102.2565 467.8065 328.857 209.0996 497.9259 819.2219 679.5487 69.05561 845.3689 110.3884 168.1005 740.5575 772.3821 912.3656 769.109 935.8847 897.1901 51.98662 593.8977 364.3056 241.1805 577.682
552 779.1924 611.1001 988.7385 331.7421 435.1239 738.0095 771.9553 577.6948 202.0262 414.2032 515.2268 471.3852 164.1556 374.5328 529.7458 3.77043 277.9482 909.7259 983.3832 314.9269 585.4389 760.061 81.02096 887.6387 41.70687 479.1037 207.3751 895.9222 151.0816 553.6858 325.5175 509.8238 598.5996 639.4316 196.1078 12.36861 181.8358 303.8325 928.6181 963.6937 430.7376 203.9663 154.611
605 431.953 787.8289 470.006 378.1596 646.1181 490.0619 653.983 720.2065 661.6259 307.4656 660.8985 351.4954 217.7474 331.9786 284.1255 932.2657 283.3181 127.8552 414.5002 147.6021 583.7002 787.9647 151.6548 695.4876 515.5502 901.0045 260.6479 107.6209 395.2399 947.9882 248.8557 32.72011 416.7665 574.9015 101.0499 774.1632 226.7779 733.0105 998.255 89.91718 597.8735 398.4731 238.321
924 465.0213 32.3544 727.3468 568.5131 882.944 936.0329 813.2168 686.3192 11.41378 804.347 697.2234 492.9302 836.516 51.26493 123.5032 556.6836 14.03143 989.9527 504.0571 81.42785 453.9079 53.03914 544.3305 389.9636 288.1413 906.6532 371.1995 839.8645 267.2571 310.2393 725.844 53.02019 795.471 517.0455 32.38027 947.6443 145.3029 573.9887 8.052838 30.76209 764.3019 967.5078 528.872
452 533.3458 227.4486 93.21025 547.1431 995.6806 441.654 681.8534 873.1964 142.6073 216.5967 627.9375 403.2321 723.1658 972.0195 577.0342 517.3038 878.9925 437.7412 329.9821 715.9348 847.3905 904.995 542.4269 786.1205 43.27521 22.59411 724.0996 746.7859 323.0381 896.315 810.1048 750.5158 793.2312 809.4302 227.1781 606.3088 79.68768 996.2888 666.7681 877.9784 266.5244 827.2739 220.754
936 796.9003 67.59035 439.5557 659.9505 680.1824 663.6856 643.3044 560.7357 692.9854 633.0185 983.6083 930.0586 935.3332 474.2809 856.7613 491.5717 898.4762 408.9747 534.3031 688.7563 370.5475 669.7543 481.5529 212.0613 694.6153 418.2995 732.5694 227.1027 673.1587 942.7626 444.7297 797.877 169.5158 571.9063 800.8567 506.6466 177.2078 362.2338 837.6516 444.4936 420.4138 179.2671 355.6
139 24.03343 268.2478 819.2084 107.6708 884.486 374.9159 318.3394 553.38 479.0611 654.8623 56.02886 874.524 570.6535 502.716 594.7717 108.6073 681.6327 916.3305 382.6716 432.6194 306.0423 892.1651 950.2059 483.103 86.36927 805.2479 594.2288 309.507 681.418 351.3348 827.8143 13.7321 563.3301 373.5324 830.9068 461.4661 900.4097 850.5083 977.3106 324.2385 866.0146 230.6764 571.552
782 749.2041 526.6545 145.5575 97.9195 905.0958 132.3109 682.3844 377.3043 503.196 871.3851 356.8647 12.12544 897.2502 886.2582 327.2783 448.0262 264.173 787.3791 964.4916 2.78751 537.4047 666.2769 872.9397 496.1996 129.7068 330.857 522.894 630.0867 275.6538 173.7428 174.6673 340.9935 286.9248 695.2246 285.3211 263.8707 306.0214 658.9681 190.7074 900.1148 775.4828 2.237756 635.975
996 723.1449 72.8874 201.5886 224.0818 347.8167 47.94427 967.7638 110.9089 680.6973 476.8518 952.0639 929.6641 921.8111 60.74895 570.2271 459.6379 613.595 505.7165 992.2368 886.677 972.895 96.79284 422.8076 897.0311 820.7066 103.8697 633.0323 840.9705 265.5561 409.9073 852.6072 579.5729 347.5331 982.155 443.4018 195.0928 580.9377 882.6265 35.62198 927.9044 187.5655 141.6505 144.146
472 14.99388 635.0116 662.4877 304.6234 178.3763 614.1521 156.0541 943.8142 485.5186 563.8134 35.22176 285.438 948.2879 42.96928 213.4474 763.5656 239.1731 814.8341 878.0338 57.22242 887.9352 227.244 29.60423 503.6758 102.2286 990.9515 176.5041 52.17958 16.72586 136.8414 266.1677 347.8812 573.7974 845.141 581.7924 440.6411 914.2938 58.54404 882.6525 731.6153 430.2578 886.1268 938.674
197 263.4029 990.1819 61.68618 351.7212 667.9441 409.5401 640.8205 944.0032 586.0229 989.6884 38.97507 569.9442 551.7241 616.4727 465.3926 396.7994 799.0766 571.6848 872.443 110.4466 144.5053 95.55603 358.5099 958.7586 207.7181 958.312 939.3329 571.2417 353.8057 721.126 197.0198 118.6438 193.6113 209.8215 578.1671 27.16618 252.1508 359.1802 896.5551 933.4369 253.4743 357.5227 76.9596
801 241.4567 218.9035 751.7884 411.185 772.8123 424.9725 224.4553 419.7156 370.256 355.9535 906.0632 73.98338 652.9811 757.2021 677.7635 202.5424 555.4085 193.9931 425.7331 809.0878 897.7579 778.5905 436.6791 159.0637 42.17126 74.75668 308.1108 252.7246 10.65523 672.2497 726.4035 901.9837 247.9267 293.3749 288.4258 40.31591 186.4204 426.0143 999.9465 498.783 924.1746 42.41034 827.499
057 661.5564 755.5027 578.0625 243.1697 948.3409 116.1009 615.0669 348.7723 104.8225 39.77237 345.9144 177.9107 924.962 87.40969 112.9635 26.26256 947.1344 77.26551 250.3958 746.5535 190.1932 697.3153 144.9285 18.85462 491.8989 988.0962 425.1505 209.4095 291.7747 949.6481 505.0383 193.4584 765.8849 34.69149 491.9111 252.1587 7.540719 284.8465 551.327 525.9672 458.7732 431.4465 449.720
799 201.8544 245.4039 650.1897 198.5739 623.2535 247.8952 254.8708 67.74571 504.2303 31.60798 150.0038 780.0883 430.0485 715.5222 536.7329 525.8476 578.7135 289.09 836.868 701.3958 471.8754 346.7868 357.7939 983.5089 239.6925 908.0227 900.4972 5.305959 101.1563 520.3386 78.70339 130.7755 854.6907 591.9258 689.0847 286.6561 234.0768 699.2575 948.9504 979.8048 427.2942 36.89116 535.458
277 727.1424 632.7379 647.3323 549.1975 980.7987 313.1393 463.1005 88.79391 230.7702 948.1317 773.0957 584.1016 818.9447 206.4006 193.5489 557.7723 287.7318 164.9992 811.2821 341.8126 35.92512 987.8877 575.4338 841.5808 941.8139 474.6897 5.595341 284.9095 565.4478 575.9644 997.3471 129.7845 751.791 444.7876 87.75264 433.4934 681.9299 217.9273 356.2799 877.7243 2.808638 259.4677 815.127
929 872.6286 471.0412 234.5237 706.5826 253.1038 662.6212 198.3005 123.5462 697.7548 877.6908 947.4889 317.4136 223.7581 600.3736 450.262 306.7871 760.5546 749.9458 299.5743 913.5064 858.0054 11.27198 252.3016 176.2147 778.6693 342.735 681.9718 145.8112 961.6887 750.0085 982.1266 32.42066 982.5966 51.33394 611.9748 4.075999 634.6479 508.6537 918.5682 173.1131 563.2263 473.0654 605.945
206 997.5313 858.8149 208.7395 834.8139 486.5652 840.5518 363.8914 603.0618 184.484 247.733 716.7234 702.4043 210.8302 97.01988 607.7443 94.32585 250.4745 338.4799 358.2928 618.3385 309.9649 945.9608 319.6756 597.1901 944.7751 42.22971 395.6478 412.406 110.2345 76.27391 470.2113 498.9373 440.6019 756.9812 935.623 653.3558 199.3225 143.8554 237.0941 164.5573 252.4174 961.833 473.083
276 825.9883 137.9155 68.24379 903.0337 538.3134 568.0823 456.1591 909.0976 342.4047 609.9978 748.1185 377.7635 858.3647 933.1146 69.50124 218.5716 366.3332 364.9708 296.0028 835.466 757.0642 934.5723 634.6765 408.5378 260.9428 269.2113 276.6865 211.7627 349.5222 494.5569 13.72013 700.9341 130.4501 843.2028 191.8847 730.9471 450.6125 748.9161 259.7469 385.2237 653.6835 60.99881 72.9260
405 379.1582 885.2288 853.7887 30.57651 55.12667 108.5389 369.2334 740.7974 640.0952 109.0227 828.4847 938.7084 475.4192 534.4108 185.4693 67.80669 508.3263 341.0768 317.0096 326.6642 610.4628 411.801 971.8062 893.8263 393.6231 569.0235 594.284 720.646 179.7725 194.1122 623.5734 431.2672 648.2014 474.9654 813.1769 804.684 858.4673 96.91089 798.4342 574.8576 604.6543 593.293 569.236
383 640.7146 891.6386 70.4238 382.6666 48.67062 394.5771 111.7327 4.743186 58.19447 460.4565 92.99168 891.5652 866.493 793.2618 250.851 395.7867 919.5371 707.5839 203.3078 236.6966 814.7552 826.6811 957.1304 792.6908 706.6442 818.4526 57.5745 349.5169 735.664 401.1437 200.4692 558.4421 692.8417 807.4858 208.9717 127.7795 322.5559 472.9599 15.21833 162.527 503.8402 426.9864 810.598
533 810.3052 27.10489 692.8525 243.929 695.9832 697.4476 735.4022 275.7015 434.0509 48.46851 826.5547 397.2447 369.2174 264.4791 158.5473 361.5458 301.6145 786.291 242.2105 719.6435 714.2722 59.61114 950.9056 77.83159 895.1332 381.6529 531.545 286.7638 848.3447 166.9678 178.1066 295.0734 629.6695 267.053 539.875 548.5839 241.9246 300.5062 880.451 641.0138 189.6283 49.22933 409.80
575 105.4874 992.0477 404.3685 793.0208 474.6633 465.8773 490.4205 702.1014 562.2832 649.455 423.319 956.8425 276.6447 859.8366 440.7927 473.3863 271.8342 564.6444 949.4009 349.298 30.09336 693.4863 925.0019 220.1692 727.4153 931.0546 655.3792 352.6598 715.4315 799.5031 886.7464 99.81481 323.07 141.0421 392.0611 940.8489 556.8713 993.9618 47.95422 733.3037 87.28983 383.5035 579.728
363 906.0241 633.733 444.5231 796.6312 998.871 0.086256 551.3491 342.8577 159.3915 111.3743 31.06216 456.3525 872.0369 725.3056 268.078 310.8891 775.1728 529.104 95.75053 197.0435 326.1918 897.4509 593.8058 116.6666 879.4462 310.582 607.0379 861.0143 416.352 519.994 132.5319 279.5479 674.7304 584.4802 351.031 585.3984 476.5241 52.26648 976.8585 553.5062 720.6595 390.9242 343.81
424 210.4756 935.8423 186.7642 476.315 391.581 697.8758 313.4293 52.58562 157.3415 790.6082 309.1843 636.5211 262.1917 906.0606 242.3268 572.1525 905.1227 292.4785 84.84486 164.2795 167.4245 712.1513 639.9795 375.7952 157.08 309.5046 742.5545 717.3331 663.1015 831.7126 517.7579 805.7842 561.9568 645.9195 358.8105 747.6553 621.6389 448.1961 603.5709 969.8564 308.9412 838.391 339.38
141 919.5671 673.4812 991.6972 178.7569 933.5636 42.63698 251.2033 155.8341 935.0437 95.18798 575.1834 192.4679 300.9785 236.243 419.9992 290.2218 906.6494 43.81955 507.8177 251.3015 94.19832 990.8586 370.6964 473.2644 750.8045 5.272686 551.671 636.6739 903.5715 406.7189 131.2839 245.0832 551.46 635.4386 969.2413 576.2806 375.1911 770.2231 372.0793 975.2374 474.626 51.7342 263.154
496 394.9868 656.0169 176.8349 235.1485 991.0826 648.661 234.3334 677.6168 348.2753 610.7296 590.1734 194.0196 375.2694 639.6462 273.0775 957.1806 688.6458 778.8258 615.823 855.2129 821.6807 554.6805 277.9684 518.1128 99.22992 201.7391 637.5723 862.967 373.6598 580.5186 923.7284 233.8227 903.4084 650.2488 100.5971 992.1805 881.2652 121.4629 421.7523 477.7716 181.2882 707.8152 487.813
283 73.15483 431.1302 657.7596 723.4791 909.6748 863.8789 207.7179 927.3618 357.3765 401.4069 628.5072 539.8872 788.809 803.9436 706.694 352.9575 906.5976 915.3536 99.95456 950.4683 146.7954 166.2874 81.45321 275.5549 812.28 992.4869 53.39858 244.9228 922.6211 215.8441 63.85611 299.6517 855.4142 711.4556 967.3911 35.79047 557.0762 862.5693 970.7675 780.7817 548.2256 384.5876 957.615
713 819.6771 553.5097 633.504 668.794 987.0387 887.4618 224.5952 279.1294 127.0359 409.3711 195.0461 123.6955 927.2341 107.3324 140.2847 24.5362 598.7942 973.2145 294.9265 287.9739 12.70751 492.415 576.7969 814.3403 716.9947 549.0816 223.6623 125.6304 416.2068 857.4384 494.5021 903.3824 347.8285 91.14413 885.5073 659.8682 609.3547 394.0834 829.8263 678.1143 887.6803 250.282 943.90
121 802.9896 176.8591 378.0046 119.8311 243.0564 456.6332 484.8883 319.7642 619.6582 375.5674 844.6324 782.1216 339.4735 936.7464 900.0243 161.7263 314.0891 782.9239 97.75673 250.0334 923.2127 588.844 346.6392 37.63095 614.3424 252.1092 587.145 329.0197 451.8499 812.7956 203.7513 621.7613 512.9538 89.2281 557.9961 128.5287 604.8904 771.3394 295.7547 11.60949 773.1031 378.3289 424.432
345 362.808 671.1153 154.8646 27.89586 331.2241 214.439 191.1528 927.1337 225.2301 525.3138 843.9679 797.6688 210.6872 352.5746 873.4089 489.3231 910.3785 655.0671 872.8869 680.187 681.0081 716.5989 304.0496 497.5715 334.7948 96.3036 270.2842 621.7149 723.4392 793.3363 351.0904 363.6456 462.5712 268.6731 356.2692 400.9103 155.2877 198.266 523.958 58.25639 785.5817 709.1922 281.50
551 570.1273 107.0859 430.2977 786.8727 225.5814 642.235 857.0053 741.317 523.3255 830.9299 308.0716 258.2455 980.9549 368.9387 829.6875 169.1041 149.8525 486.6302 774.6033 295.5517 962.8384 23.84296 554.5794 198.3185 213.0851 71.03817 470.6802 338.1598 100.7659 128.5388 277.7578 300.4941 317.8412 17.88886 312.8886 604.6474 39.55261 851.0539 436.3436 972.4371 157.5305 792.644 794.97
797 170.8475 459.7738 108.7573 232.248 600.1996 329.0572 973.9648 796.9714 728.7315 100.9654 265.5429 166.5757 585.7709 437.0782 442.2295 427.495 445.8824 211.6881 731.4604 968.7344 574.5017 802.9138 663.37 683.0599 42.21412 370.412 791.3433 612.9883 880.0687 286.3834 889.2594 697.5624 426.1359 746.2104 898.1175 828.0263 573.3104 427.7044 744.8221 681.7763 736.4808 323.4906 483.684
579 855.2491 961.2501 795.4752 990.7823 688.6078 328.3368 694.5985 844.8912 269.6843 152.2229 832.6251 792.7466 550.7082 956.0928 502.7239 136.4384 459.5321 542.2638 136.1646 365.6592 483.8952 571.9272 857.1009 873.1075 409.9723 483.1306 87.91005 918.3605 965.2585 189.2519 375.0415 907.5547 968.8434 120.8021 288.8743 722.442 599.1379 58.9445 221.0474 956.0805 399.8334 940.7864 835.828
643 986.4358 601.2507 137.6067 945.4654 473.1382 990.1749 339.1581 806.8048 550.9243 934.6005 670.7582 666.2506 399.4536 530.0208 620.5268 133.251 599.3021 170.3357 354.7193 331.1579 609.6831 280.1263 202.6713 342.2865 784.926 725.3499 197.2745 547.4225 400.6578 593.4424 933.6892 602.0247 911.1308 204.1558 366.4521 156.3986 281.2722 290.8568 393.966 551.3733 896.361 663.8452 758.189
943 750.9338 949.4582 4.680006 89.72453 158.3504 934.6382 76.43825 366.3214 307.6269 515.2035 736.8348 950.2715 303.2163 813.1258 845.2857 81.40999 413.0255 593.8534 94.00346 461.4697 917.5972 838.8349 605.364 835.509 159.9175 946.2878 436.9846 987.8217 217.195 37.97779 874.997 898.9443 512.0497 124.3488 647.6149 482.5682 834.7056 6.017098 812.4108 267.9947 94.49019 771.6824 946.842
552 393.021 43.18528 193.6242 443.2165 19.32405 185.9282 284.9281 218.5828 286.1407 284.9435 172.8327 523.2747 91.68425 325.7796 222.0539 314.0184 718.304 895.7799 664.4566 550.9506 145.8352 451.9404 118.4831 667.028 49.89389 600.0142 627.5728 421.3446 194.0455 31.38653 173.364 191.5272 855.0796 750.0459 521.8037 34.58943 927.2723 751.091 700.7505 597.6826 682.6674 203.3741 564.909
952 239.2557 183.2796 122.0024 812.1613 475.0481 327.8858 824.6947 677.9452 86.75388 561.5616 863.5574 610.9092 832.9312 152.9111 406.6004 226.9599 533.4453 374.0997 294.8142 935.6153 208.8682 819.5688 762.3883 644.0625 89.10883 981.0235 963.4052 47.25316 280.1246 513.8549 965.9934 284.7049 698.8941 111.9035 227.2584 320.7875 208.5457 79.69021 323.2278 244.3907 294.7197 790.4637 712.31
286 497.4243 623.9568 303.4017 477.932 477.4263 21.97874 601.486 19.00406 780.0037 928.8034 410.0731 560.8385 771.2405 427.4338 768.2565 200.191 409.3866 731.1446 562.5792 542.4406 435.2088 28.9743 201.0788 506.4384 899.4436 714.4117 44.68709 844.6071 621.3556 574.7837 742.4136 37.10949 796.5448 513.3269 832.0037 948.2653 267.7403 432.1713 866.2002 75.35518 536.7107 483.5015 617.681
264 416.6608 860.4978 892.9385 658.6376 642.027 372.1732 191.3535 0.429686 930.6876 62.27735 403.5126 493.4525 276.1434 204.1201 366.9393 131.9937 274.4449 944.195 325.2274 675.8931 584.5577 890.1806 927.3325 558.8259 478.8602 948.4587 56.1015 440.8984 927.1063 207.8413 709.4795 901.3261 287.7027 500.0042 408.8244 909.738 233.823 506.9012 575.8647 833.3184 196.554 299.012 99.2771
133 860.1955 307.9702 754.678 96.18471 661.8959 974.8234 954.8205 727.0878 792.5636 763.2535 703.3314 699.8559 258.5274 243.377 462.4707 273.0281 550.3074 124.2406 622.1175 232.9395 705.4324 950.0268 945.0438 804.4792 879.5241 852.92 181.2466 305.291 713.4787 345.2786 540.5837 860.9035 19.69087 235.1301 305.9777 389.6097 656 253.9476 577.8477 7.447645 358.2967 814.878 56.1708
327 136.4516 844.5812 785.0681 304.5349 734.8603 242.7598 171.8401 612.6726 978.7673 67.18755 633.4576 875.3864 363.2287 833.4531 109.6239 377.2336 207.7408 254.5081 209.9925 343.2125 258.703 210.6218 718.8614 795.1231 917.0047 517.5239 417.6874 179.6651 76.52316 262.9655 344.3532 421.3007 749.5256 687.8994 56.13713 800.121 366.9462 860.0467 591.58 407.7512 198.9991 726.1728 615.729

6. The representation and
presentation of data to
facilitate understanding.
-- Andy Kirk
Data Visualization is

7. Why am I
talking
about this?
Web Development
(1996 – 2008)
amCharts for WPF &
Silverlight
(2008 – 2011)
AdDuplex
(2011 - …)
amCharts
(2017 - …)

8. Alan Mendelevich
Founder & CEO at AdDuplex
Developer Advocate at
amCharts
Microsoft MVP
ailon@ailon.org
@ailon

9. Agenda
• Past
• Present
• Future

10. Agenda
• Illustrate
• Engage
• Empower

12. “Those who cannot remember
the past are condemned to
repeat it.”
- George Santayana
@ailon

13. ASCII Charts
@ailon

14. pixel.gif
@ailon

15. Excel
@ailon

16. Server-side generators
@ailon

17. Demo

18. Server-side generators
@ailon

19. Server-side generators
@ailon

20. Present
Engage

22. +

23. Demo

24. SVG.js Snap.svg

25. SVG.js

26. Or use a charting library…

27. Demo

29. Demo

30. Core traits
Interactive Animated Client-side
@ailon

31. Dashboards
& Reports

32. Infographics

38. BI Tools and
Services

39. Data Visualization as a profession

40. D3.js
D3.js is a JavaScript library for manipulating documents
based on data. D3 helps you bring data to life using
HTML, SVG, and CSS. D3’s emphasis on web standards
gives you the full capabilities of modern browsers without
tying yourself to a proprietary framework, combining
powerful visualization components and a data-driven
approach to DOM manipulation.

41. Demo

42. Future
Empower

43. Storytelling
“The purpose of a storyteller is not to tell
you how to think, but to give you questions
to think upon.”
--Brandon Sanderson, fantasy and science fiction writer
@ailon

45. Demo

46. Storytelling
https://twitter.com/anttilip/status/892318734244884480

47. Storytelling
Photo by Anthony Quintano@ailon

48. Demo

49. Mixing multiple chart types
@ailon

50. Visualizations as UI
@ailon

51. Visualizations as UI
• Drill-down
• Filter
• Link
@ailon

52. Demo

53. IoT, Sensors, etc.
• Huge amounts of real-time data
• Need ways to handle both real-time and historic data
• Raw and aggregate
@ailon

54. ML/AI
• Lots of data
• No way to know the “shape”
of the results upfront
@ailon

55. Demo

56. Touch-friendly
& Responsive
@ailon

57. Demo

58. Accessible
• Color scheme (high contrast, patterns, etc.)
• SVG
• title, desc elements
• role, aria-* attributes
https://css-tricks.com/accessible-svgs/
@ailon

59. Privacy concerns
Can you afford to ship your data to 3rd parties?

60. VR/AR/MR

61. VR/AR/MR
Source: Westpac NZ https://youtu.be/_dnKD2m_mPE

62. Resources
• Sarah Drasner – SVG can do that?!
https://www.youtube.com/watch?v=ADXX4fmWHbo
• David McCandless – The beauty of data visualization
https://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization
• D3.js gallery
https://github.com/d3/d3/wiki/Gallery
• Hans Rosling – The best stats you‘ve ever seen
https://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen
• amCharts blog
http://www.amcharts.com/blog/
@ailon

63. https://amcharts.com

64. Alan Mendelevich
@ailon
ailon@ailon.org
Thank you!
http://bit.ly/codetalks-introvert