How can I use the JavaScript InfoVis Toolkit in the .net project - javascript

Now I'm doing some work about Code Coverage and Treemap.
And my projects are c# projects such as Asp.net MVC.
I want to use "JavaScript InfoVis Toolkit", because it's effect is very good and it supports interactive animations.
But I could not find some other materials besides the demo and i don't know if it can be used in the .net project.
Is there anybody know how to use it in .net project?
Thanks

I'm using this now in a asp mvc 2 project - it works, you just need to be careful with the json data you pass for the visualizations (serializing attributes like "$color").
Add references in the view to the library and other js code you use to set up the visualization or do that by using some resources loader.

Related

.NET Core Web UI that best supports vanilla javascript with DOM manipulation

I have created a very interactive svg element with hundreds of individual components and many types of user interactions, right click menus, etc with vanilla javascript because it was so much faster than any framework.
It works great, the only problem is I now need to inject this into a website build with individual user logins, a database, a nice dashboard of past projects, etc. I need to have a button associated with the svg "save" the status and write to the database. I want to use ASP.NET for its friendliness with Microsoft products like Excel (I need to read user Excel uploads and parse Excel files).
My question is which ASP.NET core UI choice is going to allow me to build this full stack easiest, quickest, while injecting this svg with all of it's vanilla javascript functions.
I've watched youtube tutorials and read a lot of the microsoft docs on ASP.NET core and the UI choices. I don't think webassembly with Blazor would be the way to go because it's too reliant on C#, and may slow down my javascript calls if I have to go through the c# middleman. I really don't want to have to learn react or angular and do the SPA from the ground up, but if its what will maintain my quick vanilla javascript I'll forge ahead. I think MVC might be the quickest way to build a website up quickly, but I"m not sure it will support my vanilla js with dom manipulation of the svg.

How can I Integrate Docusign's E-Signature API with a .NET Backend and Angular + Devextreme front end?

Absolutely lost on this one. Our Backend uses c# with .NET, our Front end uses Angular with DevExtreme. Node.JS is not being used for the Angular side as far as I'm aware, our project lead wants me to figure out how to integrate Docusign onto our Web app.
Do you use Visual Studio? already have a project for your back-end?
If you do, just go to add a new nuget package and search "DocuSign"
I assume you wanted the eSignature functionality, that would DocuSign.eSign.dll
Once you add it though, you'll get access to the functionality, but you still need a few things.
To set up your OAuth quickly/easily, highly recommend you use the Quickstart, it will generate a separate C# project for you, but then you can just copy/paste the relevant code+configuration to your existing project.

How can i integrate C# code into an existing Javascript website (Angular)?

We have a large ecosystem of Javascript websites, actually Angular, that we don't plan to rewrite in c# any time soon. So the goal here is to be able to use a vendor dll in our javascript to add new features. This is a proprietary system, we don't have any alternative, either we use their dll, either we don't have the feature. I'm putting a lot of hope in webassembly here because this looked like the silver bullet to use that dll without having to rewrite the whole project in a new language.
Problem: all the examples I can find are more about using Blazor to write a website or call javascript from Blazor, I can't find anything to include some ad-hoc C# code into an existing project. I would have thought it would be a great use case though because being able to leverage C# threadpool on a webpage sounds pretty good to me!
Anyone has done something similar or know some examples/tutorials I could follow?
As Tuan says Angular and C# don't really live together in the way you suggest.
I would say there are 2 separate approaches here.
Have an C#.NET MVC app but adjust the routing so the Angular App Handles some pages and the .NET app handles others. This is OK but there are so many pitfalls such as the fact that you can not share bundled CSS and JS or maintain the structure of your Angular controllers (amongst others).
A better way would be keep your lovely Angular app the way it is but have a separate Web API application/project and use the angular app to call the dll (reference in the project) within the correct context as a REST API (via a simple POST or GET call).
It's not too clear exactly what you want to do when you say "... able to use a vendor dll in our javascript to add new features ..." but you can find info on writing and implementing C# as a Web API in .NET core here
https://learn.microsoft.com/en-us/aspnet/core/tutorials/first-web-api?view=aspnetcore-3.1&tabs=visual-studio

deploying a javascript 3rd party library (requirejs/grunt)

Our team is building a javascript library that enables other web apps in our company to consume and insert data into our app, using widgets we built with angular directives.
So we got our own app (that could be used independently), built with MVC .net (in visual studio), and with angular. And also we are producing sort of a javascript library that other apps can use and insert widgets (that are connected to data from our app through ajax calls).
We are really struggling with our deployment proccess. We need the following to happen:
Concatenating and minifyinh our javascript, and in the right order.
Compiling less, and concatenating and minifing css.
Handle external dependencies because we are using multiple 3rd party libraries also, which maybe others are using also.
We know about requirejs, but we are not sure it is suitable for a 3rd party sort of library we are building. Also we want to enable loading as CDN, is it still suitable?
We also know about grunt, but we are not using nodejs but MVC .net. Is it relevant?
We would appreciate your input! Thanks!
I would strongly recommend using a build tool such as Gulp or Grunt, both of which can easily handle the requirements you've given. An added benefit is both can be set up to initiate parts of the build process as files are saved, freeing developers to use any editor they want instead of a particular IDE.

Visualization with Dart?

My work involves pretty heavy visualization. I have been using D3.js and JavaScript Infovis toolkit for it.
I recently learned about how Dart is the new way of developing web apps.
Q1. Does Dart provide any libraries for doing visualization (Something of the level of D3.js or JavaScript Infovis toolkit) ?
Q2. If I move on to Dart, will I be able to use D3.js / Javascript Infovis toolkit along with Dart ?
Edit:
I found over the internet that we can use Javascript alongwith Dart.
I went through Dart FAQ, but couldn't really find anything related to visualization libraries or D3.js perse.
Thanks to dart:js you can use any js lib. See Using JavaScript from Dart for more details.
You could also use native ports of d3.js to make development easier since you can then write the visualization code in Dart. A good one you should look at is charted
In addition I created a package for the google visualization API.

Categories