wordpress に jquery を使ったグラフを functions.php から呼び出したい

御世話になります。

wordpressにjqueryを使った円グラフを表示したいと考えています。
以前こちらのサイトで、google chart の表示の質問をさせて頂きました。
その際、ヒアドキュメントを使うアドバイスを頂き、無事 functions.php⇒ショートコードの流れでグラフを表示できました。

現在、google chart とは異なる、有志で開発された jquery の円グラフを wordpress で表示したいと思います。
wordpressでは、wordpress独自のjqueryがすでに用意されているため、その衝突を回避しなければなりません。

今回、$を使わずjqueryというワードを使うことで、その衝突を回避しようとしましたが、うまくグラフがwordpressに表示されてません。

エラーコードが発生していないため、jqueryが機能していないと考えています。
functions.phpから、jqueryを利用したグラフを表示させるためには、どのようにヒアドキュメントに記載すればよろしいでしょうか？

プログラムは、データベースから通信量の合計値を取得し%に変換し、円グラフで全体の使用率を表示するものになります。

fucntions.phpの記述は以下になります。

function shortcode4Func() {

$dsn = 'mysql:host=ホスト名;dbname=データベース名;charset=utf8';

$user = データベースのユーザー名;
$password = データベースのパスワード;

// tryにPDOの処理を記述
try {
  // PDOインスタンスを生成
  $dbh = new PDO($dsn, $user, $password);

// エラー（例外）が発生した時の処理を記述
} catch (PDOException $e) {
  // エラーメッセージを表示させる
  echo 'データベースにアクセスできません！' . $e->getMessage();
}

 $sql = "SELECT sum(volume) FROM mtraffics"; //指摘を頂き、「"」を付けて修正しました。
 $stmt = $dbh->query($sql);
 foreach ($stmt as $row) {
 $total = $row["sum(volume)"];

}

$output = <<< EOF
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.circliful.js"></script>
<script>

    jQuery( document ).ready(function() { // 6,32 5,38 2,34
        jQuery("#test-circle").circliful({
            animation: 1,
            animationStep: 5,
            foregroundBorderWidth: 15,
            backgroundBorderWidth: 15,
            percent: 
EOF;

 $output .= $total/1000000;

$output .= <<< EOF
  ,
            textSize: 28,
            textStyle: 'font-size: 12px;',
            textColor: '#666',
            multiPercentage: 1,
            percentages: [10, 20, 30]
        });
    });
</script>//訂正して追加
EOF;

return $output;
}
add_shortcode('shortcode4', 'shortcode4Func');

wordpressで呼び出すコードは以下になります。

[shortcode4]
<div id="test-circle"></div>

jqueryの同時呼び出しが原因と考え、

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

を削除して実行しましたが、同じく表示が出ない状況です。
どのようにjqueryを使ったグラフを表示すれば良いでしょうか？

訂正
回答頂きありがとうございます。
指摘して頂いた「"」の欠落ですが、テラテイルに質問を投稿する際に、不要な変数や個人情報を消す時に、間違って消してしまったものになります。
文法的なエラーは一応画面上では表示されていません。
よろしくお願いします。