Does D3.js work efficiently on massive amounts of data (200 million rows with at least a dozen columns)?
Any data visualization environment is going to be completely swamped by this amount of data. Even if you could show all this data in visual form, would it be of any use? You are better advised to find some way of abstracting your data down to more manageable amounts.D3.js’s perhaps central feature are direct data-to-graphics bindings, tying every application data point to a large amount of DOM data. This is some respects a ball-and-chain setup, but depends on what kind of animation you want to execute.If the animation involves structural change to svg elements as in, say, switching between bar chart, chord diagram and force layout views, the load on the CPU can quickly become heavy.If it only involves what you might call cosmetic changes (CSS attribute values such as color or transparency, some of which benefit from hardware acceleration), the impact will be considerably less.If even after data abstraction you want better efficiency, you basically have to get your graphics away from the browser DOM.D3.js can be used in conjunction with WebGL-based environments, but loses many of it’s key capabilities (selections, many transformations, data transparency etc).In this context, particularly intriguing amongst emerging WebGL-based approaches is Stardust, whose API and focus on solving the data bindings bear similarities to that of d3.js, but which leverages the GPU — all while claiming to remain platform agnostic.Complementing rather than replacing d3.js, instead of mapping data to the DOM, Stardust maps data to an array of GPU-rendered graphical elements known as ‘marks’.Where D3 provides the better support for fine-grained control and styling on a small number of items, Stardust is profiled as good at bulk-rendering-and-animating of large numbers of marks via parameters.Indeed, in this context, Stardust’s creators suggest a mix of the two in applications: D3 being used to render (for example) a scatterplot’s axes and handle interactions such as range selections, but Stardust used to render and animate the points.Developers with D3 expertise are expected to adopt easily to Stardust.
Can I use Javascript to force a mobile browser to stay in portrait or landscape mode?
You can't force a mobile browser to assume one orientation natively, but you may be able to emulate a locked orientation with CSS and a bit of JavaScript. I do not recommend this approach unless you have a very good reason to keep the page from rotating. Essentially, when the device is in landscape orientation, rotate the content back 90 degrees. For example: @media screen and (orientation:landscape) { #container { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); width: /* screen width */ ; height: /* screen height */ ; overflow: scroll; }}(You may have to add a transform: translate(x, y) property to realign the rotated content.)Again, you need a good reason for this kind of hack. It will be a headache to design and maintain, and it's not cool to mess with the functionality your users expect from their browser. You're better off putting this effort into a responsive design that's functional in both portrait and landscape mode.
Which is best for building a browser video game: HTML5 Canvas, SVG, or vanilla JavaScript/HTML/CSS?
I wanna explain this question in two perspective:1-(Requirement Perspective) It really depends on which platforms that you are implemented in. If you are implementing on smart phone platforms like iOS and Android, you have chance to use HTML 5 Canvas; however, if you want to create your games on multiplatforms especially on ie, you have two choice: SVG or vanilla Javascript/HTML/CSS.2-(Technical Perspective) We are using both of them in our games. Also we have a nice game engine within two choices: HTML5 Canvas and vanilla Javascript/HTML/CSS. When we were developing our game engine in HTML5 Canvas, our main problem is creating animations in HTML 5 Canvas. If you using 5 or more animations at the same time, you have performance problem in todays browsers like chrome, firefox... However, in vanilla Javascript/HTML/CSS you have lots of libraries for animations within finest performance. On the other hand, if you are a game developer who develops games in platforms or at least OpenGL platforms, you can migrate your game into HTML5 Canvas very smoothly...At last, I think we will be using more HTML 5 Canvas in our games and less vanilla or SVG, since we should take care of mobile platforms more and more...
What is the best way in Mac Safari to resize window to iPhone Safari size?
there are probably professional solutions, but to get a sense of things, it's really just a matter of screen resolution. So given your computer resolution, just resize the computer browser to the resolution of the device you wish to simulate.For instance, if your computer is 1280 x 800, to see what your app would look like on a 640 x 480 device (in "landscape mode") resize the browser to about 50% width on the computer and 60% height. To see how it would look in "portrait" mode on the device (ie basically 480 x 640 viewport) resize to a little less than 40% screen width and 80% screen height.All provide a "rough" simulation, but certainly good enough for early stage development assessment. And nice and easy to check out several target device resolutions.That's one hacker's approach, fwiwHave fun!
How do you make a web page responsive without Bootstrap, using only HTML and CSS?
Bootstrap makes the process of developing a responsive website a lot easier. It can speed up the developing work and it is also easy to make changes. I am working in a web design company in Chennai and we use Bootstrap in our projects. You can also create a website without bootstrap.How to make responsive website without BootstrapResponsive web pages are created using media query function in the CSS language. CSS is a styling a language used to design the layout and add other aesthetic features to the web page.Media QueryIn simple words, a media query is used to instruct the browser-based how to display the content based on the width of the browser window.For example, you have 4 images in the gallery section of your homepage. Suppose in a computer you may want to display these four images in a single row (all 4 images horizontally in one line) while in mobile phones you want to arrange the images vertically.This is where media queries come to our rescue.You can achieve this by telling the browser that arrange the images vertically. Then to display the images horizontally in computers you can tell the browser that if the browser window has more than 1200px (Targeting computers) width, display the images horizontally. This is a mobile-first design approach.This is the basic principle behind media query. Based on the width of the browser window, you can tell the browser to rearrange the elements or to display or hide certain elements.RegardsPavithra,Spidergems Softlabz, Chennai
How do I make an image fit my webpage in HTML?
ok. now i will tell you what i have used. "vw" means viewport-width."vh" means viewport-height.it will increase and decrease the size of image according to your viewport.if you are viewing you image in mobile it will adjust it's size according to phone. and same for laptop or any other size.refer to this link (Viewport Sized Typography | CSS-Tricks)
I've designed a survey using Google Forms, but it’s way too wide for mobile use. How do I make a Google form responsive on a mobile?
Another option is to use Formplus as it is very responsive on mobile, without any need for coding skills.You can create your form right on your mobile device and what you see is what you get, nothing jumps/cuts off your screen. This makes it very easy for you to do your work on the go and customize your forms, irrespective of the device you choose to use.Even when you send out the forms you have created with Formplus, you can be assured that your respondents can view/fill the forms on any device they choose, including their smartphones.The mobile responsiveness of Formplus is just one of the many good things you get. With this online form builder, you can; receive unlimited file uploads, use either Google Drive or Dropbox to store files, customize a submission message and receive videos via forms.Here’s where you can check out the list of Features in Formplus and try it out yourself.Disclaimer: I am part of the awesome team behind Formplus.