Implementing Packed bubble Graph in WinRT - windows-8

How I can implement packed bubble graph in WinRT. I am trying to achieve graph similar to attached image..
I tried for a similar implementation / sample for silverlight / Windows 8 in google, But didn't get any. Please anyone help me to achieve the same graph. My main issue is with implementing the logic correctly.

What kind of project are you using? There's actually a way to do this in each kind of supported project.
For javascript you can use the Canvas element, which has easy 2D api's for drawing circles and text.
In C++ you can use the DirectX 2D api's to draw circles. In C# you can embed a DirectX panel into your xaml and then use DirectX to draw the circles.
In C# or C++ you can also solve this problem with just xaml, using a ListView with Canvas for an ItemsPanel, and Circle objects. Here is a blog post I found with a tutorial (except with rectangles):
http://zamjad.wordpress.com/2010/03/17/using-canvas-as-a-itempanel-template-in-listbox/

Not sure if this fits your need. If you are not averse to using JS + HTML in WinRT, d3.js should be very very useful
Example of packed bubble chart - http://bl.ocks.org/mbostock/4063269
http://d3js.org/
Hope this helps!

Related

SharpDX How To Render a 3D Environment

I just started coding some basics in SharpDX (VB.net) and I already got it to Render a 2D triangle. And I know how to render other 2D stuff, but I want to create something in 3D where I'm able to rotate the camera around some cubes. I tried it, but failed at converting the 3D Space to screen coordinates. Now Here are my Questions:
How can I calculate a Matrix for Perspective projection?
How can I pass that Matrix to my Vertex Shader
How can I make the Camera rotate around the Objects when I drag the mouse over the screen?
Please explain these things to me and give some code examples. I'm just a Beginner in SharpDX and everything I found was just not understandable for me.
A few things you can do when you first start.
Firstly, there are some great examples you can leverage (Even in c# but you need VB) that you can use to learn from.
I suggest you look at this within the Sharpdx repository. Sharpdx direct 3d 11 samples
Within these examples (especially triangle example), it goes through the basics including setting up the device, the creation of simple resources to bind to your GPU and compiling the bytecode.
The samples though use the effects methodology, which is deprecated and as such once you become familiar with compiling code, I would advise moving away from this paradigm.
The more advanced examples will show you how to set up your matrices.
The last item you wanted to know about is mouse movement. I would advise just having a look at MSDN around mousemove events. You will need to bind one to your window/control and then read the deltas. Use those deltas to create your rotation/movement based upon this. Look into Vector3 (sharpdx), basically, you need to do this all in vector space and then create the various translation/rotation matrices from this.
Hope this is start.

Draw custom graph in iOS

I need to draw custom graph like those 3 images in iOS, can someone tell me how to accomplish this. Is it possible to draw those graph using core-plot open source library or i need to use quartz2d library explicitly.
There are some beautiful tutorial on how to draw custom graph in iOS.
Link1 , Link2. For More please refer this section LINK
You can use core-plot framework / XYPieChart for pie chart

Fast 2D image library/dll for VB.NET?

after experimenting with VB.NET image and drawing classes, I am searching a new one that I could use.
The problem is that the actual classes are really slow and even a rate of 24 fps is too slow to refresh a moving 225x70 image and with double buffer. Using .FillRectangle with a brush is fast and could do the job, but the image is tiled behind the rectangle and does not move with the rectangle.
Do you have ideas of what I could do ? Please try to be clear in your answer if I need to install DLLs or things like that, as I am new to VB.net language.
*I already tried openTK, but it seems to be mostly 3D, I only need 2D. Should I use it anyway ? I can't find beginner tutorials for VB.NET.
I think XNA or GorgonLib would be the best options. OpenTK is good too, but I think it will be a little too complicated for just 2d drawing. There is also SDL.NET, but it hasn't been updated in a while and again, it's meant for 2d. The best 2d library I've used in terms of speed is allegro, but I'm not sure if there are any wrappers available for .NET.
Gorgon: http://code.google.com/p/gorgonlib/

Is it possible to mix Direct3D content in a WinRT XAML application?

My XAML application could use some 3d elements. Is it possible to mix Direct3D content in a WinRT XAML application?
Yes, it's actually very easy to do. See the SurfaceImageSource class. That provides a DirectX surface that can be drawn to like any other surface. See this doc for a lot of detail on this.

Objective C: How to use CGLayerCreate and CGContextDrawLayerAtPoint?

I am studying Core Graphics to make dynamic textures for my project.
A friend told me that i should use CGLayerCreate and CGContextDrawLayerAtPoint
to improve the texture of the brush app that i am building but i haven't found any book or tutorial that includes CGLayerCreate and CGContextDrawAtPoint.
can you guys tell what's the use of this two and how will able to code them?
also if you know any core graphics book that includes those please tell me, it'll surely help me.
thanks!
The Quartz 2D Programming Guide has a chapter that discusses CGLayer objects.
Your friend might be thinking of this use of layers, quoting that chapter:
Repeated drawing. For example, you might want to create a pattern that
consists of the same item drawn over and over. Draw the item to a
layer and then repeatedly draw the layer, as shown in Figure 12-1. Any
Quartz object that you draw repeatedly—including CGPath, CGShading,
and CGPDFPage objects—benefits from improved performance if you draw
it to a CGLayer. Note that a layer is not just for onscreen drawing;
you can use it for graphics contexts that aren’t screen-oriented, such
as a PDF graphics context.
There's also a very very simple example in the Quartz2DBasics sample app.