Участник:StasFomin/Bookmarks/Algorithms — различия между версиями

Материал из DISCOPAL
Перейти к: навигация, поиск
(Добавлена закладка Is there a JS better than D3.js for graph visualization? - Quora)
(Добавлена цитата к закладке Is there a JS better than D3.js for graph visualization? - Quora)
Строка 3: Строка 3:
  
 
* 2021-02-20, 10:40:05: [https://www.quora.com/Is-there-a-JS-better-than-D3-js-for-graph-visualization Is there a JS better than D3.js for graph visualization? - Quora]
 
* 2021-02-20, 10:40:05: [https://www.quora.com/Is-there-a-JS-better-than-D3-js-for-graph-visualization Is there a JS better than D3.js for graph visualization? - Quora]
 +
*: <html><div><div class="q-box puppeteer_test_question_main" style="box-sizing: border-box;"><div class="q-text qu-display--flex qu-px--large qu-pb--large qu-flexDirection--row qu-fontSize--regular" style="box-sizing: initial; width: 1002px; margin-left: auto; margin-right: auto; padding-top: 30px; align-items: stretch;" width="1002"><div class="q-box" style="box-sizing: border-box; width: 602px;" width="602"><div class="q-box qu-borderBottom qu-pb--small" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div class="q-flex qu-flexWrap--wrap qu-alignItems--center" style="box-sizing: border-box; display: flex;"><div class="q-box qu-mr--tiny qu-mb--tiny" style="box-sizing: border-box;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/topic/D3-js-JavaScript-library" target="_top"><div class="q-inlineFlex qu-py--tiny qu-px--small qu-color--gray qu-bg--gray_ultralight qu-borderRadius--small qu-whiteSpace--nowrap qu-hover--color--blue" style="box-sizing: border-box; display: inline-flex;"><div class="q-text qu-fontSize--small" style="box-sizing: border-box;"><span class="q-text" style="box-sizing: border-box; word-break: break-word;"><span>D3.js (JavaScript library)</span></span></div></div></a></div><div class="q-box qu-mr--tiny qu-mb--tiny" style="box-sizing: border-box;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/topic/Data-Visualization" target="_top"><div class="q-inlineFlex qu-py--tiny qu-px--small qu-color--gray qu-bg--gray_ultralight qu-borderRadius--small qu-whiteSpace--nowrap qu-hover--color--blue" style="box-sizing: border-box; display: inline-flex;"><div class="q-text qu-fontSize--small" style="box-sizing: border-box;"><span class="q-text" style="box-sizing: border-box; word-break: break-word;"><span>Data Visualization</span></span></div></div></a></div><div class="q-box qu-mb--tiny" style="box-sizing: border-box;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/topic/JavaScript-programming-language" target="_top"><div class="q-inlineFlex qu-py--tiny qu-px--small qu-color--gray qu-bg--gray_ultralight qu-borderRadius--small qu-whiteSpace--nowrap qu-hover--color--blue" style="box-sizing: border-box; display: inline-flex;"><div class="q-text qu-fontSize--small" style="box-sizing: border-box;"><span class="q-text" style="box-sizing: border-box; word-break: break-word;"><span>JavaScript (programming language)</span></span></div></div></a></div></div><div class="q-text qu-bold qu-fontSize--xlarge qu-color--gray_dark_dim qu-passColorToLinks qu-userSelect--text qu-lineHeight--regular" style="box-sizing: border-box; word-break: break-word;"><span class="CssComponent__CssInlineComponent-sc-1oskqb9-1 TitleText___StyledCssInlineComponent-sc-1hpb63h-0 jPnwvF"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">Is there a JS better than D3.js for graph visualization?</span> </span></div></div></div></span></div></div></div><div><div class="CssComponent-sc-1oskqb9-0 cXjXFI"><div class="q-box" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div class="q-box qu-bg--white" style="box-sizing: border-box;"><span data-nosnippet="true"><div class="q-box ad question_page_ad top_slot" style="display: none !important;"><div><div><div class="q-box qu-pt--medium" style="box-sizing: border-box; padding-bottom: 0px; position: relative;"><div class="q-flex qu-mb--small" style="box-sizing: border-box; display: flex;"><div class="q-click-wrapper qu-display--block qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; width: 100%; color: inherit; text-align: inherit;" width="100%" tabindex="0"><div class="q-text qu-color--gray_light qu-fontSize--small qu-passColorToLinks" style="box-sizing: border-box;">Ad by InApps</div></div><div class="q-box qu-pl--tiny" style="box-sizing: border-box; margin-left: auto;"><div class="q-relative qu-size--18" style="box-sizing: border-box; position: relative;" size="18"><div class="q-absolute qu-center" style="box-sizing: border-box; position: absolute;"></div></div></div></div><div class="q-box" style="box-sizing: border-box;"><div class="q-click-wrapper qu-display--inline-block qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; width: auto; color: inherit; text-align: inherit;" width="auto" tabindex="0"><div class="q-text qu-mb--tiny qu-bold qu-color--gray_dark_dim qu-passColorToLinks qu-userSelect--text qu-lineHeight--regular" style="box-sizing: border-box; font-size: 16px; word-break: break-word;"><span class="CssComponent__CssInlineComponent-sc-1oskqb9-1 TitleText___StyledCssInlineComponent-sc-1hpb63h-0 jPnwvF">How is big data transforming web development in 2021?</span></div></div><div class="q-click-wrapper qu-display--block qu-tapHighlight--white qu-cursor--pointer" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; width: 100%; color: inherit; text-align: inherit;" width="100%" tabindex="0"><div class="q-box qu-mb--small" style="box-sizing: border-box;"><div class="q-text" style="box-sizing: border-box;">We are experts in front-end and back-end web development applying the latest technology and big data.</div></div></div></div><div class="q-click-wrapper qu-display--inline-block qu-tapHighlight--white qu-cursor--pointer" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; width: auto; color: inherit; text-align: inherit;" width="auto" tabindex="0"><div class="q-box qu-mt--n_small qu-py--tiny" style="box-sizing: border-box;"><button class="q-click-wrapper qu-active--textDecoration--none qu-focus--textDecoration--none base___StyledClickWrapper-lx6eke-1 cykKyr  qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--textDecoration--none" style="box-sizing: border-box; font: inherit; outline: currentcolor none medium; padding: 0px 20px 0px 12px; height: 38px; min-width: 38px; position: relative; border-width: 0px; color: inherit; background-color: rgba(0, 0, 1, 0.03);" type="button" tabindex="0" role="button"><div class="q-flex qu-alignItems--center qu-justifyContent--center" style="box-sizing: border-box; display: flex; max-width: 100%;"><span class="q-inlineBlock qu-verticalAlign--text-bottom" style="box-sizing: border-box; display: inline-block; width: 24px; height: 24px; flex-shrink: 0; line-height: 0;" width="24px" name="ExternalLink"><span class="CssComponent__CssInlineComponent-sc-1oskqb9-1 Icon___StyledCssInlineComponent-sc-11tmcw7-0 iMqyvJ"><svg width="24px" height="24px" viewBox="0 0 24 24"><g id="external_link" class="icon_svg-stroke" stroke="#666" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline><path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path></g></svg></span></span><div class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ml--tiny" style="box-sizing: border-box; font-size: 14px;"><div class="q-text qu-ellipsis qu-whiteSpace--nowrap" style="box-sizing: border-box;">Learn More</div></div></div></button></div></div></div></div></div></div></span></div></div></div></div><div class="CssComponent-sc-1oskqb9-0 cXjXFI"><div class="q-box" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div class="q-box qu-borderBottom qu-pt--small qu-pb--small" style="box-sizing: border-box;"><div class="q-flex qu-alignItems--center" style="box-sizing: border-box; display: flex;"><div class="q-box" style="box-sizing: border-box; flex: 1 1 0%;"><div class="q-text qu-medium qu-fontSize--regular qu-color--gray_dark qu-passColorToLinks" style="box-sizing: border-box;">5 Answers</div></div><div class="q-box qu-ml--small" style="box-sizing: border-box;"></div></div></div></div></div></div><div class="CssComponent-sc-1oskqb9-0 cXjXFI"><div class="q-box" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div><div><div><div><div class="q-box qu-pb--medium qu-borderBottom" style="box-sizing: border-box; margin-left: 0.1px; margin-right: 0.1px;"><div class="q-box qu-pt--medium qu-pb--medium" style="box-sizing: border-box; position: relative;"><div class="q-box" style="box-sizing: border-box;"><div><div class="q-box" style="box-sizing: border-box;"><div class="q-flex" style="box-sizing: border-box; display: flex;"><div class="q-box qu-mb--small" style="box-sizing: border-box; width: 100%;" width="100%"><div class="q-box spacing_log_answer_header" style="box-sizing: border-box;"><div class="q-flex" style="box-sizing: border-box; display: flex; align-items: start; width: 100%;" width="100%"><div class="q-inlineFlex qu-flex--none qu-mr--small qu-alignItems--center" style="box-sizing: border-box; display: inline-flex;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><div class="q-relative qu-display--inline-flex" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><a class="q-box qu-display--inline-flex qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Adrian-M-P-Brasoveanu" target="_blank"><div class="q-inlineFlex qu-flex--none" style="box-sizing: border-box; display: inline-flex; position: relative;"><div class="q-inlineFlex" style="box-sizing: border-box; display: inline-flex; position: relative;"><div class="q-inlineFlex qu-overflow--hidden qu-borderRadius--circle qu-borderWidth--retinaOverride" style="box-sizing: border-box; display: inline-flex; border-width: 2px; border-style: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px;"><div class="q-box qu-bg--white__ignore_dark_mode qu-borderRadius--circle" style="box-sizing: border-box; position: absolute; inset: 1px;"></div><img class="q-image qu-display--block qu-size--36 qu-minWidth--36" style="box-sizing: border-box; max-width: 100%; position: relative;" src="https://qph.fs.quoracdn.net/main-thumb-6584511-200-gHdHqooFGwsq5j4909Ts9IId7tkpfuCS.jpeg" size="36"><div class="q-box qu-borderRadius--circle qu-borderAll qu-borderColor--darken Photo___StyledBox-sc-1x7c6d3-0 guhqSv" style="box-sizing: border-box; position: absolute; inset: 0px;"></div></div></div></div></a></div></div></div></div></div><div class="q-box qu-alignSelf--center qu-flex--auto" style="box-sizing: border-box; overflow-wrap: break-word;"><div class="q-text qu-fontSize--regular qu-truncateLines--3 qu-passColorToLinks" style="box-sizing: border-box; margin-bottom: 2px;"><span><span class="q-box qu-display--none" style="box-sizing: border-box;"></span><span class="CssComponent-sc-1oskqb9-0 AbstractSeparatedItems___StyledCssComponent-sc-46kfvf-0 bxBZxD"><span class="q-text qu-bold" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-relative qu-display--inline" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><a class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Adrian-M-P-Brasoveanu" target="_blank"><span>Adrian M.P. Brasoveanu</span></a></div></div></div></div></span>, <span class="q-box qu-borderWidth--retinaOverride qu-borderWidth--regular" style="box-sizing: border-box; word-break: break-word;">works at MODUL University, Vienna</span></span></span></div><div class="q-text qu-color--gray_light qu-fontSize--small qu-passColorToLinks" style="box-sizing: border-box;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/Is-there-a-JS-better-than-D3-js-for-graph-visualization/answer/Adrian-M-P-Brasoveanu" target="_top" rel="nofollow">Answered 3 years ago</a><span> · </span>Author has <span class="q-text qu-bold" style="box-sizing: border-box;">88</span> answers and <span class="q-text qu-bold" style="box-sizing: border-box;">110.9K</span> answer views</div></div></div></div></div></div><div class="q-relative spacing_log_answer_content puppeteer_test_answer_content" style="box-sizing: border-box; position: relative;"><div class="q-text" style="box-sizing: border-box; max-width: 100%;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><p class="q-text qu-display--block" style="box-sizing: border-box; margin-bottom: 1em; overflow-wrap: anywhere; word-break: break-word; direction: ltr; text-align: start;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">It would be extremely difficult to come up with a better framework for graph visualization in JavaScript than D3 for several reasons:</span></p> <ul class="q-box" style="box-sizing: border-box; direction: ltr; overflow-wrap: break-word; list-style: outside none disc; margin-bottom: 1em; margin-right: 2em;"><li class="q-relative" style="box-sizing: border-box; position: relative; margin-left: 2em; padding-bottom: 0.7em;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">D3 is built around all the normal web stuff like HTML, DOM, CSS, therefore there is no need to learn new technologies in order to use it.</span></li><li class="q-relative" style="box-sizing: border-box; position: relative; margin-left: 2em; padding-bottom: 0.7em;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">D3 is rather like a programming language for graphics. Leave aside the fact it’s written in JS, and it looks more like a Processing type of interpreted programming language.</span></li><li class="q-relative" style="box-sizing: border-box; position: relative; margin-left: 2em; padding-bottom: 0.7em;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">D3 has a big community behind it. While even 2–3 years there were still problems finding good documentation for it, right now however there shouldn’t be any issues with it.</span></li><li class="q-relative" style="box-sizing: border-box; position: relative; margin-left: 2em; padding-bottom: 0px;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">As other answers have mentioned, you can think of D3 as more of a basic utility that can be used to develop higher level charts/libraries, and as it turns out there are many of them. They are not better than D3, but rather they use D3.</span></li></ul><p class="q-text qu-display--block" style="box-sizing: border-box; margin-bottom: 0px; overflow-wrap: anywhere; word-break: break-word; direction: ltr; text-align: start;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">In general if you need something better you need to define in which sense? If you need better speed? Better functionality? Faster rendering speed versus faster development time? Depending on the answer you might find faster graphics library, e.g., if they were developed directly in C, however I doubt that beside Processing or D3 you will find anything faster in the JavaScript world. Be aware though that both Processing and D3 have a steep learning curve, and Processing also requires you to use a lot of mathematics.</span></p> </span></div><div></div></div></div><div class="q-text qu-mt--small qu-color--gray_light qu-fontSize--small qu-passColorToLinks" style="box-sizing: border-box;"><span><span class="q-box qu-display--none" style="box-sizing: border-box;"></span><span class="CssComponent-sc-1oskqb9-0 AbstractSeparatedItems___StyledCssComponent-sc-46kfvf-0 bxBZxD">8.8K views</span><span class="q-box qu-display--none" style="box-sizing: border-box;"> · </span><span class="CssComponent-sc-1oskqb9-0 AbstractSeparatedItems___StyledCssComponent-sc-46kfvf-0 diCWLm"><div class="q-click-wrapper qu-display--inline-block qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; color: inherit; text-align: inherit;" tabindex="0">View 2 Upvoters</div></span></span><span> · </span>Answer requested by <div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-relative qu-display--inline" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><a class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Jeff-Kinney-7" target="_blank"><span>Jeff Kinney</span></a></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="CssComponent-sc-1oskqb9-0 cXjXFI"><div class="q-box" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div class="q-box qu-pb--medium qu-borderBottom" style="box-sizing: border-box; margin-left: 0.1px; margin-right: 0.1px;"><div class="q-box qu-mt--small" style="box-sizing: border-box;"><div><div class="q-box qu-borderBottom qu-pb--small" style="box-sizing: border-box;"><div class="q-flex qu-alignItems--center" style="box-sizing: border-box; display: flex;"><div class="q-box" style="box-sizing: border-box; flex: 1 1 0%;"><div class="q-text qu-medium qu-fontSize--regular qu-color--gray_dark qu-passColorToLinks" style="box-sizing: border-box;">Related Questions</div></div><div class="q-box qu-ml--small" style="box-sizing: border-box;"><div class="q-click-wrapper qu-display--inline-block qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; color: inherit; text-align: inherit;" tabindex="0"><div class="q-text qu-color--gray_light qu-fontSize--small qu-passColorToLinks" style="box-sizing: border-box;">More Answers Below</div></div></div></div></div><div class="q-box" style="box-sizing: border-box;"><div><a class="q-box qu-display--block qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" target="_blank" href="https://www.quora.com/unanswered/Which-is-better-for-network-visualization-Vis-js-or-D3-js"><div class="q-box qu-py--tiny qu-hover--textDecoration--underline qu-tapHighlight--none qu-display--flex qu-alignItems--center" style="box-sizing: border-box; position: relative;"><div class="q-flex qu-alignItems--center qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box; display: flex; height: 100%;"><div class="q-box qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box;"><div class="q-text qu-color--gray_dark" style="box-sizing: border-box;"><div class="q-box qu-py--tiny" style="box-sizing: border-box;"><span class="q-text qu-color--blue_dark" style="box-sizing: border-box; font-size: inherit;"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text qu-truncateLines--2 puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">Which is better for network visualization, Vis.js or D3.js?</span> </span></div></div></div></span></div></div></div></div></div></a></div><div><a class="q-box qu-display--block qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" target="_blank" href="https://www.quora.com/What-is-best-for-graph-rendering-sigma-js-or-d3-js-Why"><div class="q-box qu-py--tiny qu-hover--textDecoration--underline qu-tapHighlight--none qu-display--flex qu-alignItems--center" style="box-sizing: border-box; position: relative;"><div class="q-flex qu-alignItems--center qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box; display: flex; height: 100%;"><div class="q-box qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box;"><div class="q-text qu-color--gray_dark" style="box-sizing: border-box;"><div class="q-box qu-py--tiny" style="box-sizing: border-box;"><span class="q-text qu-color--blue_dark" style="box-sizing: border-box; font-size: inherit;"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text qu-truncateLines--2 puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">What is best for graph rendering: sigma.js or d3.js? Why?</span> </span></div></div></div></span></div></div></div></div></div></a></div><div><a class="q-box qu-display--block qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" target="_blank" href="https://www.quora.com/Is-d3-js-worth-learning"><div class="q-box qu-py--tiny qu-hover--textDecoration--underline qu-tapHighlight--none qu-display--flex qu-alignItems--center" style="box-sizing: border-box; position: relative;"><div class="q-flex qu-alignItems--center qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box; display: flex; height: 100%;"><div class="q-box qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box;"><div class="q-text qu-color--gray_dark" style="box-sizing: border-box;"><div class="q-box qu-py--tiny" style="box-sizing: border-box;"><span class="q-text qu-color--blue_dark" style="box-sizing: border-box; font-size: inherit;"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text qu-truncateLines--2 puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">Is d3.js worth learning?</span> </span></div></div></div></span></div></div></div></div></div></a></div><div><a class="q-box qu-display--block qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" target="_blank" href="https://www.quora.com/What-are-the-data-visualization-alternatives-to-D3-js"><div class="q-box qu-py--tiny qu-hover--textDecoration--underline qu-tapHighlight--none qu-display--flex qu-alignItems--center" style="box-sizing: border-box; position: relative;"><div class="q-flex qu-alignItems--center qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box; display: flex; height: 100%;"><div class="q-box qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box;"><div class="q-text qu-color--gray_dark" style="box-sizing: border-box;"><div class="q-box qu-py--tiny" style="box-sizing: border-box;"><span class="q-text qu-color--blue_dark" style="box-sizing: border-box; font-size: inherit;"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text qu-truncateLines--2 puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">What are the data visualization alternatives to D3.js?</span> </span></div></div></div></span></div></div></div></div></div></a></div><div><a class="q-box qu-display--block qu-cursor--pointer qu-hover--textDecoration--none qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" target="_blank" href="https://www.quora.com/What-is-better-for-data-visualization-R-Python-libraries-or-D3-js"><div class="q-box qu-py--tiny qu-hover--textDecoration--underline qu-tapHighlight--none qu-display--flex qu-alignItems--center" style="box-sizing: border-box; position: relative;"><div class="q-flex qu-alignItems--center qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box; display: flex; height: 100%;"><div class="q-box qu-flex--auto qu-overflow--hidden" style="box-sizing: border-box;"><div class="q-text qu-color--gray_dark" style="box-sizing: border-box;"><div class="q-box qu-py--tiny" style="box-sizing: border-box;"><span class="q-text qu-color--blue_dark" style="box-sizing: border-box; font-size: inherit;"><div class="q-flex qu-flexDirection--row" style="box-sizing: border-box; display: flex;"><div class="q-inline qu-flexWrap--wrap" style="box-sizing: border-box; display: inline;"><div class="q-text qu-truncateLines--2 puppeteer_test_question_title" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><span style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">What is better for data visualization: R/Python libraries or D3. js?</span> </span></div></div></div></span></div></div></div></div></div></a></div></div><div style="position: relative; top: -50px;"></div></div></div></div></div></div></div><div class="CssComponent-sc-1oskqb9-0 cXjXFI"><div class="q-box" style="box-sizing: border-box;"><div class="q-box" style="box-sizing: border-box;"><div><div><div><div><div class="q-box qu-pb--medium qu-borderBottom" style="box-sizing: border-box; margin-left: 0.1px; margin-right: 0.1px;"><div class="q-box qu-pt--medium qu-pb--medium" style="box-sizing: border-box; position: relative;"><div class="q-box" style="box-sizing: border-box;"><div><div class="q-box" style="box-sizing: border-box;"><div class="q-flex" style="box-sizing: border-box; display: flex;"><div class="q-box qu-mb--small" style="box-sizing: border-box; width: 100%;" width="100%"><div class="q-box spacing_log_answer_header" style="box-sizing: border-box;"><div class="q-flex" style="box-sizing: border-box; display: flex; align-items: start; width: 100%;" width="100%"><div class="q-inlineFlex qu-flex--none qu-mr--small qu-alignItems--center" style="box-sizing: border-box; display: inline-flex;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><div class="q-relative qu-display--inline-flex" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline-flex" style="box-sizing: border-box;"><a class="q-box qu-display--inline-flex qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Taha-Kachwala" target="_blank"><div class="q-inlineFlex qu-flex--none" style="box-sizing: border-box; display: inline-flex; position: relative;"><div class="q-inlineFlex" style="box-sizing: border-box; display: inline-flex; position: relative;"><div class="q-inlineFlex qu-overflow--hidden qu-borderRadius--circle qu-borderWidth--retinaOverride" style="box-sizing: border-box; display: inline-flex; border-width: 2px; border-style: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px;"><div class="q-box qu-bg--white__ignore_dark_mode qu-borderRadius--circle" style="box-sizing: border-box; position: absolute; inset: 1px;"></div><img class="q-image qu-display--block qu-size--36 qu-minWidth--36" style="box-sizing: border-box; max-width: 100%; position: relative;" src="https://qph.fs.quoracdn.net/main-thumb-36335708-200-hytiefnyaoseitkgetzltsqfcpreptom.jpeg" size="36"><div class="q-box qu-borderRadius--circle qu-borderAll qu-borderColor--darken Photo___StyledBox-sc-1x7c6d3-0 guhqSv" style="box-sizing: border-box; position: absolute; inset: 0px;"></div></div></div></div></a></div></div></div></div></div><div class="q-box qu-alignSelf--center qu-flex--auto" style="box-sizing: border-box; overflow-wrap: break-word;"><div class="q-text qu-fontSize--regular qu-truncateLines--3 qu-passColorToLinks" style="box-sizing: border-box; margin-bottom: 2px;"><span><span class="q-box qu-display--none" style="box-sizing: border-box;"></span><span class="CssComponent-sc-1oskqb9-0 AbstractSeparatedItems___StyledCssComponent-sc-46kfvf-0 bxBZxD"><span class="q-text qu-bold" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-relative qu-display--inline" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><a class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Taha-Kachwala" target="_blank"><span>Taha Kachwala</span></a></div></div></div></div></span>, <span class="q-box qu-borderWidth--retinaOverride qu-borderWidth--regular" style="box-sizing: border-box; word-break: break-word;">Digital Media Technologist</span></span></span></div><div class="q-text qu-color--gray_light qu-fontSize--small qu-passColorToLinks" style="box-sizing: border-box;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/Is-there-a-JS-better-than-D3-js-for-graph-visualization/answer/Taha-Kachwala" target="_top" rel="nofollow">Answered 3 years ago</a><span> · </span>Upvoted by <span><span class="q-box qu-display--none" style="box-sizing: border-box;"></span><span class="CssComponent-sc-1oskqb9-0 AbstractSeparatedItems___StyledCssComponent-sc-46kfvf-0 bxBZxD"><span class="q-text" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><div class="q-relative qu-display--inline" style="box-sizing: border-box; position: relative;"><div class="q-box qu-display--inline" style="box-sizing: border-box;"><a class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit;" href="https://www.quora.com/profile/Ravi-Shankar-1920" target="_blank"><span>Ravi Shankar</span></a></div></div></div></div></span>, <span class="q-box qu-borderBottom qu-borderWidth--retinaOverride qu-borderWidth--regular" style="box-sizing: border-box; word-break: break-word;">Mater's Master of Science in Computer Science &amp; D3.js, University of Massachusetts, Dartmouth (2018)</span></span></span><span> · </span>Author has <span class="q-text qu-bold" style="box-sizing: border-box;">63</span> answers and <span class="q-text qu-bold" style="box-sizing: border-box;">625.1K</span> answer views</div></div></div></div></div></div><div class="q-relative spacing_log_answer_content puppeteer_test_answer_content" style="box-sizing: border-box; position: relative;"><div class="q-click-wrapper qu-display--block qu-tapHighlight--white qu-cursor--pointer" style="box-sizing: border-box; font: inherit; outline: inherit; padding: 0px; width: 100%; color: inherit; text-align: inherit;" width="100%" tabindex="0"><div class="q-relative" style="box-sizing: border-box; position: relative;"><div class="q-box" style="box-sizing: border-box; max-width: 100%;"><div class="q-box qu-cursor--pointer QTextTruncated___StyledBox-sc-1pev100-0 ejgusd" style="box-sizing: border-box;"><div class="q-relative" style="box-sizing: border-box; position: relative;"><div class="q-box qu-overflow--hidden" style="box-sizing: border-box; max-height: 300px;"><div class="q-text" style="box-sizing: border-box;"><span class="q-box qu-userSelect--text" style="box-sizing: border-box;"><p class="q-text qu-display--block" style="box-sizing: border-box; margin-bottom: 1em; overflow-wrap: anywhere; word-break: break-word; direction: ltr; text-align: start;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">You can imagine D3 to be more of a framework you can use to design any type of visualization. It will require you to invest time and effort in learning, manipulation and cleaning of data, scaling, labeling etc. You can basically build any 2D visualizations you like from simple charts like bar and pie, to complex PCP and even custom visualizations. It is free, open sourced, and comes with a lot of good documentation and help from stack overflow.</span></p> <div class="q-box" style="box-sizing: border-box; margin-bottom: 1em; transition-property: undefined; transition-duration: 1s; transition-timing-function: ease-out; filter: blur(0px);"><img class="q-image qu-display--block qu-borderRadius--small" style="box-sizing: border-box; max-width: 100%;" src="https://qph.fs.quoracdn.net/main-qimg-bd3c312e9d3c76d8840eaafa65b5b7b4"></div> <p class="q-text qu-display--block" style="box-sizing: border-box; margin-bottom: 1em; overflow-wrap: anywhere; word-break: break-word; direction: ltr; text-align: start;"><span style="font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;">(I had created this DOTA2 map using D3 and had done some analysis - </span><span class="q-inline" style="box-sizing: border-box; display: inline;"><a class="q-box qu-cursor--pointer qu-hover--textDecoration--underline qu-userSelect--text" style="box-sizing: border-box; border-radius: inherit; font-weight: normal; font-style: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;" title="www.academia.edu" href="https://www.academia.edu/22194561/DotA2_Spatio-Temporal_Game_Analysis" target="_blank" rel="noopener nofollow">DotA2 Spatio-Temporal Game Analysis</a><span class="q-inlineBlock qu-verticalAlign--text-bottom" style="box-sizing: border-box; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; line-height: 0; margin-left: 2px;" width="16px" name="ExternalLink"><span class="CssComponent__CssInlineComponent-sc-1oskqb9-1 Icon___StyledCssInlineComponent-sc-11tmcw7-0 lcSoNN"><svg width="24px" height="24px" viewBox="0 0 24 24"><g id="external_link" class="icon_svg-stroke" stroke="#666" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></g></svg></span></span></span></p></span></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></html>
 +
<!-- NEXT BOOKMARK -->
 
* 2021-02-20, 10:32:26: [https://js.cytoscape.org/ Cytoscape.js]
 
* 2021-02-20, 10:32:26: [https://js.cytoscape.org/ Cytoscape.js]
 
* 2021-02-20, 10:29:31: [http://vega.github.io/ Vega]
 
* 2021-02-20, 10:29:31: [http://vega.github.io/ Vega]

Версия 14:05, 20 февраля 2021

2021

2021-02

2021-01

2020

2020-12

2020-11

2020-10

2020-09

2020-08

2020-07