/circular-quiz

lab with d3

Primary LanguageJavaScript

#Circular quiz - beta Crie questionarios circulares com respostas numéricas dinâmicamente. ###Portabilidade Deixei as dependências livres dentro do repositório para fácil manejo para quem não utiliza Bower ##Iniciando

$ git clone https://github.com/ifalldev/circular-quiz.git
$ bower i

###Dependências Jquery, D3

##Exemplo de uso

const a = new MultiLevelCircleChart('.circle-chart', ['naruto sasuke\nitachi konohamaru', 'vida morte\nsuicidio homicidio', 'cerveja cevada\ncachaca agua', 'arroz feijao\nfrango macarrao', 'claro escuro\nluz ausencia', 'teste outro\nateh bom'], 5)
      .create()
      .promiseWhenDone(callback);
      
const callback = () => {
      const uri = a.svgUri;
      const image = new Image();

      image.src = uri;
      
      document.body.appendChild(image);
      alert('finalizado!');
    };

##Documentação ###Construtor new MultiLevelCircleChart(nó pai, array com títulos das perguntas, quantidade de níveis para cada pergunta)

obs.: para quebrar linhas nos títulos insira um \n. ex.:['teste\nteste'] ###Métodos

  • create() - imprime o questionário.
  • promiseWhenDone() - aloca um callback para quando todas as perguntas forem respondidas.
  • isDone() - retorna o status do questionário (verdadeiro caso todas as perguntas estiverem respondidas).

###Atributos

  • score - retorna um array com objetos referêntes as perguntas e suas respostas. ex.: {id: identificador númerico para a pergunta, value: resposta escolhida}
  • svgUri - retorna a URI construída a partir do svg do questionário após este ser inteiramente respondido.

##Limitações

  • Os títulos devem conter o mesmo números de linhas.
  • Melhores resultados para questionários com no máximo 5 níveis de respostas.

##Autor

  • Caio Batista - twitter: @caiorbat

##Observações Dentro da lib existem métodos e atributos que não estão listados aqui por ainda estarem em desenvolvimento.