D3.js-Delphi

Test project for displaying d3.js graphics in a TWebBrowser.

• Test1 : Static html files -> static and animated charts.

• Test2 : (Not posted. Required two buttons to inject a script into a template D3/html page, because of non-blocking page load.)

• Test3 : Uses TWebBrowserWrapper. Injects scripts into template page. Transfers data from Delphi to js.

Demonstration videos.

• Demonstration 1 : https://youtu.be/pPhYZ9wAvbE

• Demonstration 2 : https://youtu.be/TjKuMoU2kBg

Other Delphi browser projects.

• CEF4Delphi (Chromium) : https://github.com/salvadordf/CEF4Delphi

• Wke4Delphi (Webkit) : https://github.com/pmcgee69/Wke4Delphi

D3 / js links.

• D3 Graph Gallery : https://www.d3-graph-gallery.com/index.html

• Carbon syntax highlighter : https://carbon.now.sh/

To-do list.

• Looking into 'Gears' demos

  Epicyclic gearing : http://bl.ocks.org/mbostock/1353700/190ad80b4eb9c5e6daa7d4f210d263cbfb6db675

  Gear toy : https://brm.io/gears-d3-js/

• Look at ScriptGate and other Delphi/js interfacing options.

• Check out Flourish

  1. https://public.flourish.studio/visualisation/1712761
  2. https://www.npmjs.com/package/@flourish/sdk
  3. https://flourish.studio/

• Theorem.js

  1. https://theorem.js.org/
  2. https://github.com/arguiot/TheoremJS

Delphi/js interface links.

• Embarcadero list of options : https://community.idera.com/developer-tools/b/blog/posts/six-easy-ways-to-embed-javascript-engines-in-your-delphi-10-2-tokyo-apps

• ScriptGate walk-through : https://medium.com/@Zawuza/build-your-first-hybrid-desktop-application-with-delphi-scriptgate-bootstrap-and-js-df530a73160

• ChakraCore : https://www.ideasawakened.com/post/delphi-javascript-execution-ditch-twebbrowser-for-chakracore

Notes.

• 01 Mar 2020: Delphi IDE places .exe 2 levels down from source files. Check directory references for running outside the IDE.

• 18 Mar 2020: Tidied up the directories/files. Added Carbon syntax-highlighting examples (will not work with TWebBrowser).

• 19 Mar 2020: Add Common directory. Update Readme with Markdown.