I'm new in web programming and just want to ask for an opinion. I want to develop a web page and in the home page, I want to display a kind of chart. With nodes connected with arrows and the arrows will be hyperlinked. In a window based application, I understand there are tools like Visual Basic Power Tools in which you can drag and drop shapes like lines and oval or arrows and using there, it is fairly easy to make a chart.
But in a web application, I can't find any tools or anything that can help me draw a chart. Is there any recommendation on some kind of tools or something so that I can draw a chart in a web page? :)
You can do it either client side or server side.
Client side
There are some javascript libraries which will render charts to your web page(Client side) upon feeding it with the data in JSON format. Checkout chart.js and d3.js. Chart.js uses HTML5 canvas elements to draw the chart where d3 uses SVG for drawing charts.
Server side
ASP.NET has some charting libraries/server controls which renders charts for you. Check out this blogpost which has sample code to get started.
Related
My Project has been using selenium to run it frontend regression tests for quite a while now. Due to a shift in Dev tools, an area of the screen that was using jquery to display some front-end stuff, has now shifted to using canvas element (HTML5?). This is causing me a bit of a headache as I have no idea how to go about testing something in selenium c# that has no tags, XPaths or identifiable factors with which to interact in the usual way.
The canvas effectively creates an entire hierarchy tree of different boxes, which depending on the text in the box, changes size and location(X and Y).
What is 'recommended' best way of interacting with a canvas element?
Talk to the dev team and have them write/expose the APIs that you need to do the desired testing. You can then call them using JS in your script.
My company converted a personalization page from Flash to HTML5 canvas a couple years ago and this is what I did and it's worked out fine. I generally use the UI like a user would to set up the scenario and then call the internal APIs to query the CANVAS on if an image was added, if the text displayed is correctly, etc.
I am trying to create a Web Part for Share Point in C# which displays images in a slide show style sliding from right to left. I know there are Web Parts you can download but i need to write my own. I need to know how to either draw to some graphics context or have a way of updating an image using a timer and changing its ImageURL. This is among several Web Parts I will be making so the question does not simply apply to sliding images but drawing in general. Thanks
I wish to draw some graphics in a asp.net web application page on some percentages, what is the code required? I'm asking specially for piechart and rectangle.
You can use the data visualization stuff (charting) that comes with .net 3.5 and 4.
There is a downloadable Visual Studio solution (an asp.net web application project) that shows examples of different types of charts and corresponding code and markup:
http://archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=1591
Depending on your situation, you may even be able to generate pie charts, etc. without writing any code.
I want to create a zoomable draggable etc. map of a really big image, the functionality should be like google maps but the map itself comes from me (it will be a galaxy picture).
So I think I have to use this components:
Frontend: http://openlayers.org/
(Example)
Backend: http://sharpmap.codeplex.com/
And connect them with each other, so the frontend will call the backend to display tiles in the current zoomlevel of the map.
I'm new to that map building thing and just want to make sure to not going in the wrong direction, so does it makes sense? Anyone did that before? Or any better ideas?
EDIT
Sorry, forgot that: The user should not have to install any additional stuff and it should run on an Ipad too, so I'm not able to use silverlight, flash etc. Just good old plain JS :)
I had worked on similar requirement but development platform was Silverlight. I had used "DeepEarth" (extended deep zoom) with tiles hosted on the local server.
DeepEarth
DeepZoom
You can try using Bing Control and services which is a paid service. In trial version, you will get Bing logo in the background. Bing Services
Bing control or any such controls with tiling services are appropriate when you want real world map - cities/roads. If you just need to have a zoom in/out feature on an image you can use deepzoom.
I ended up with using openlayers.org for the frontend and building the backend by myself.
I am writing a WPF application using Csharp. Its a touch application that has four browser windows displayed. Two upside down. The screen will be built into a table and lie flat. Four people will use the table - two on one side and two on the other. Thus the need for the upside down (or 180 degree rotation) browsers. I have tried using SilverLight and its Browser Brush. This works to display the browser content upside down BUT to interact with the browser you have to make the browser control active (instead of the Brush) and this turns the content back the right way up. I guess what I need is a Browser control that can be rotated in the normal way and work rotated. IE in Dot Net wont work.
Sascha Barber and Chris Cavanagh have blog posts about an alternative WebBrowser Control based on Chromium that behaves like a real WPF control. Check out http://sachabarber.net/?p=597 and http://chriscavanagh.wordpress.com/2009/08/25/a-real-wpf-webbrowser/
If it is WPF application you can use a simple RotateTransform to rotate controls any degree you want. So upside down should be no problem.
Sample/Tutorial