transitions

I'm trying to build the transition matrix for a Markov Chain in MATLAB; I have several different observation sequences (all of varying lengths) and I need to generate the transition matrix using those. Constructing a multi-order Markov chain transition matrix in Matlab shows me how to build a transition matrix with a single observation sequence. How can I construct one using observations of different length? One example can be that one sequence is 1,2,3,4 and another is 4,5,6. Is there any way to do this without having to for loop through all sequences and computing counts? So for Markov

What I'm trying to do... I'm toying with D3 to make a compound animation. I have the following final state: Essentially I want to animation connecting the dots - add the first circle . Then draw the line to the second circle. Once the line is drawn, the second circle is added. To add some visual appeal, I perform other transitions, such as changing circle radius for the first and second circle as the line is draw. What I've tried... I can add the circles and draw the line individually, including animations. However, I'm not sure how to proceed with chaining the transitions together to form the

Is it possible to use CSS3 transitions with a different delay switching between "states"? For example, I'm trying to make an element immediately higher upon hover then on 'mouseout' to wait a second before sliding back to the element's initial height. Demo page: jsfiddle.net/RTj9K (hover black box in top-right corner) CSS: #bar { transition:.4s ease-out 0, 1s; } I thought the timings on the end related to delay but it doesn't seem to be working the way I'd imagined. If you want different CSS transition delays on hover and mouseout , you have to set them using the relevant selectors. In the

Trying to add sliding transition effect when add and remove class. Tried to this sticky nav js below: lastScroll = 0; $(window).on('scroll',function() { var scroll = $(window).scrollTop(); if(scroll === 0){ $(".nav").removeClass("darkHeader"); } else if(lastScroll - scroll > 0) { $(".nav").addClass("darkHeader"); } else { $(".nav").removeClass("darkHeader"); } lastScroll = scroll; }); My Try: lastScroll = 0; $(window).on('scroll',function() { var scroll = $(window).scrollTop(); if(scroll === 0){ $(".nav").removeClass("darkHeader", 1000, "easeInOutQuad"); } else if(lastScroll - scroll > 0) { $(

This works great: <style type="text/css"> div { width:100px; height:100px; background:red; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s; /* Opera */ } div:hover { width:300px; } </style> But does anyone know of a way to do this using click instead of hover? And not involving JQuery? Thanks! You can write like this: CSS input{display:none} .ani { width:100px; height:100px; background:red; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */